html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, textarea {
outline: 0;
-webkit-border-radius: 0;
}
input[type='text'], input[type='submit'], textarea {
-webkit-appearance: none;
}  *,
*:before,
*:after {
box-sizing: border-box;
}
body {
overflow-x: hidden; 
opacity: 1 !important;
}
img {
display: block;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
img,
iframe,
embed {
max-width: 100%;
}
.single img,
.page img {
height: auto;
}
a {
text-decoration: none;
-webkit-transition: color 0.2s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s;
transition: color 0.2s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
mark.count {
background-color: transparent;
} .clearfix:before,
.clearfix:after {
content: " ";
display: block;
}
.clearfix:after {
clear: both;
}
.clear {
clear: both;
} .clear-inline:before {
content: " ";
display: block;
} .rf-remove-pseudo:after {
display: none !important;
}
.rf-remove-pseudo:before {
display: none !important;
}
.rf-button {
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border 0.3s ease 0s;
transition: background-color 0.3s ease 0s, color 0.3s ease 0s, border 0.3s ease 0s;
}
.rf-last-item {
margin-right: 0 !important;
}
.rf-last-row {
margin-bottom: 0 !important;
} .rf-grid-animated {
position: relative;
animation-name: royalGrid;
-webkit-animation-name: royalGrid;
animation-delay: 0s;
-webkit-animation-delay: 0.3s;
animation-duration: 0s;
-webkit-animation-duration: 1s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
@-webkit-keyframes royalGrid {
0% {
top: 20px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes royalGrid {
0% {
top: 20px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
} #portfolio-container .portfolio-post .royal-grid-enable,
#portfolio-cats-container .portfolio-cats-post .royal-grid-enable {
display: block;
}
#portfolio-container .portfolio-post .royal-grid-disable,
#portfolio-cats-container .portfolio-cats-post .royal-grid-disable {
display: none;
}
.fa-royal-slash:before {
content: "\2044";
}
.fa-royal-vbar:before {
content: "\0399";
}
.fa-royal-slash:before,
.fa-royal-vbar:before {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
i.fa {
letter-spacing: 0;
} .royal-preloader-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
background-color: #fff;
}
.royal-preloader-wrap > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
} #main-wrap {
width: auto;
opacity: 0;
overflow: hidden;
-webkit-transition: margin 0.1s ease 0s, opacity 0.5s ease 0s;
transition: margin 0.1s ease 0s, opacity 0.5s ease 0s;
} .inner-content-wrap {
margin: 0 auto;
} .alignnone {
float: none;
}
.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.aligncenter {
display: block;
margin:0px auto 15px auto !important;
}
.wp-caption {
max-width: 100%;
overflow: hidden;
}
.wp-caption-text {
padding: 10px;
text-align: center;
font-size: 14px;
}
.center-text {
text-align: center;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.sticky { } #lang_sel_footer {
visibility: hidden;
}
#lang_sel_footer ul,
#lang_sel_footer ul li,
#lang_sel_footer ul li a,
#lang_sel_footer ul li a img,
.menu-item-language a img.iclflag,
.widget_icl_lang_sel_widget ul li a img {
display: inline-block;
}
.menu-item-language a img.iclflag {
margin-right: 5px !important;
}
.menu-item-language .sub-menu li a {
margin: 0 !important;
}
.widget_icl_lang_sel_widget ul li ul li a img {
margin-right: 3px;
} .wpb_tabs_nav li,
.flex-control-nav li,
.vc_carousel-indicators li {
padding: 3px !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.wpb_flexslider.flexslider_fade {
overflow: hidden;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
bottom: -10px !important;
}
.flex-control-paging li a {
width: 13px !important;
height: 13px !important;
}
.flex-direction-nav a:before {
font-size: 30px !important;
}
.wpb_image_grid .wpb_image_grid_ul img {
max-width: 100% !important;
}
.vc_single_image-wrapper img {
margin-bottom: -3px;
}
.wpb_accordion_header {
outline: none;
}
.ui-accordion-header-icon {
cursor: pointer;
}
.wpb_tab.ui-tabs-panel {
padding: 15px !important;
}
.wpb_tour_next_prev_nav {
display: none;
}
.vc_toggle_title h4 {
font-weight: normal !important;
}
.wpb_pie_chart_heading {
margin-top: 10px;
}
.vc_progress_bar .vc_single_bar {
margin-bottom: 15px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.vc_progress_bar .vc_bar {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
.ult_price_action_button {
padding: 14px !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
} .royal-ba-img-wrap {
position: relative;
overflow: hidden;
}
.royal-before-img-wrap {
position: relative;
z-index: 1;
}
.royal-after-img-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
overflow: hidden;
}
.royal-ba-img-wrap[data-transition="default"] .royal-after-img-wrap img {
position: absolute;
}
.royal-ba-divider-wrap { 
position: absolute;
top: 0;
z-index: 11;
width: 2px;
margin-left: -1px;
height: 100%;
cursor: pointer;
transition: background-color 0.2s ease-in;
}
.royal-ba-divider-handle {
position: absolute;
top: 50%;
left: -22px;
width: 46px;
height: 46px;
padding: 0 6px 0 7px;
border-radius: 100px;
margin-top: -24px;
border: 0 solid #000;
text-align: center;
transition: border-color 0.2s ease-in;
}
.royal-ba-divider-handle i {
float: left;
font-size: 20px;
margin-top: 11px;
transition: color 0.2s ease-in;
}
.royal-ba-divider-handle i:last-child {
float: right;
}
.disable-row-marings {
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
.royal-ba-caption {
position: absolute;
left: 10px;
bottom: 10px;
z-index: 10;
padding: 2px 10px;
}
.royal-ba-caption:last-of-type {
left: auto;
right: 10px;
} .m-nav-and-logo {
display: none;
}
.m-nav-fold .fa {
display: block;
text-align: center;
}
.mobile-nav {
display: none;
}
.mobile-nav li {
text-align: center;
}
.mobile-nav li a {
display: block;
padding: 15px;
margin-bottom: 1px;
font-size: 15px;
}
.mobile-nav > li > .sub-menu,
.mobile-nav > li > .sub-menu-wrap {
opacity: 1;
}
.mobile-nav > li > .sub-menu a,
.mobile-nav > li > .sub-menu-wrap a {
font-size: 13px;
}
.mobile-nav .sub-menu-wrap {
display: none;
}
.mobile-logo,
.mobile-logo .site-tagline {
text-align: center !important;
}
.mobile-logo {
padding: 30px;
} #sidebar {
float: left;
height: auto;
}
.sidebar-fold-btn {
z-index: 900;
-webkit-transition: margin 0.1s ease 0s;
transition: margin 0.1s ease 0s;
}
.sidebar-fold-btn .fa {
text-align: center;
box-sizing: content-box;
}
.sidebar-closed .sidebar-fold-btn i[class*="left"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
} .logo-and-tagline {
overflow: hidden;
}
.logo-wrap {
display: inline-block;
width: 100%;
overflow: hidden;
outline: none;
}
.logo-text {
text-align: center;
}
.logo-img img:last-child {
display: none;
} .main-nav li,
.main-nav li a {
outline: none !important;
}
.main-nav li a,
.filters li a {
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
ul.filters li a sup {
vertical-align: super;
font-size: smaller;
}
ul.filters li a {
text-decoration: none;
}
.filters li:last-child .fa-royal-slash,
.filters li:last-child .fa-royal-vbar {
visibility: hidden;
}
.filters {
font-size: 0px;
position: relative;
}
.sub-filters {
display: none;
}
.sub-filters li:first-child a i {
display: inline-block !important;
}
.filters .fa {
transform: none !important;
-webkit-transform:none !important;
}
.menu-item a {
outline: none;
}
.main-nav .sub-menu {
display: none;
}
.blog-filters,
.category .filters,
.portfolio-filters {
display: none;
}
.sid-block .filters {
font-size: 0;
}
.blog .blog-filters,
.no-isotope.category .filters,
.no-isotope.category .blog-filters,
.no-isotope.single-post .blog-filters,
.deeplinking.blog .blog-filters,
.deeplinking.single-post .blog-filters,
.deeplinking-customizer.blog .blog-filters,
.deeplinking-customizer.single-post .blog-filters,
.page-template-portfolio-php .portfolio-filters,
.no-isotope.tax-royal_portfolio_cats .portfolio-filters,
.no-isotope.single-royal_portfolio .portfolio-filters,
.deeplinking.page-template-portfolio-php .portfolio-filters,
.deeplinking.single-royal_portfolio .portfolio-filters,
.deeplinking-customizer.page-template-portfolio-php .portfolio-filters,
.deeplinking-customizer.single-royal_portfolio .portfolio-filters {
display: block;
}
.fa-none { 
display: none !important;
} .top-nav > li {
position: relative;
display: inline-block;
margin-left: -4px;
}
.top-nav > li:last-child > a:after {
display: none;
}
.top-nav.top-nav-horizontal > li > .sub-menu-wrap {
display: none;
}
.top-nav.top-nav-horizontal > li:hover > .sub-menu-wrap {
display: block;
}
.top-nav.top-nav-horizontal .sub-menu-wrap {
position: absolute;
z-index: 900;
}
.top-nav.top-nav-horizontal .sub-menu {
display: none;
}
.top-nav.top-nav-horizontal .sub-menu li {
position: relative;
text-align: left;
}
.top-nav.top-nav-horizontal .sub-menu .sub-menu-wrap {
position: absolute;
top: 0;
padding: 0 !important;
}
.top-nav.top-nav-horizontal .sub-menu li a,
.menu-fold-style .top-nav-vertical .sub-menu li a {
display: block;
}
.top-nav.top-nav-vertical .sub-menu {
display: none;
}
.sidebar-top .filters li,
.inner-content .filters li {
display: inline-block;
}
.top-nav-search-wrap {
position: static !important;
}
.top-nav-search-wrap > a {
border-left-width: 1px !important;
border-left-style: solid !important;
}
.top-nav-search-wrap > a > i {
position: static;
cursor: pointer;
color: inherit;
}
.top-nav-search-form {
display: none;
position: absolute;
top: 0;
left: 0;
}
.top-nav-search-form i {
top: 0 !important;
font-family: 'FontAwesome' !important;
font-style: normal !important;
cursor: pointer;
}
.top-nav-search-form #s {
width: 100%;
font-size: 40px;
text-transform: uppercase;
line-height: 1;
} .top-nav-container {
position: fixed;
z-index: 310;
width: 100%;
height: 100%;
}
.top-nav-outer {
display: table;
position: relative;
width: 100%;
height: 100%;
}
.top-nav-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
.top-nav-center {
position: relative;
display: inline-block !important;
}
.top-nav-vertical li {
display: block !important;
text-align: center !important;
}
.top-nav-vertical > li {
margin-left: 0 !important;
}
.top-nav-close {
display: none;
position: absolute;
top: 50px;
right: 50px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 50%;
border: 1px solid transparent;
font-size: 25px;
cursor: pointer;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.menu-fold-icon {
cursor: pointer;
display: none;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.menu-fold-icon .fa {
text-align: center;
}
.top-nav-popup + .menu-fold-icon .fa {
opacity: 0.5;
}
.menu-fold-style .top-nav {
display: none;
}
.top-nav-fold-icon-wrap {
display: inline-block;
}
.menu-fold-style .menu-fold-icon {
float: left;
display: block;
} .tn-fade {
display: none;
top: 0;
left: 0;
} .tn-center-grow {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transform: scale(.8);
}
.top-nav-popup.tn-center-grow {
opacity: 1;
visibility: visible;
transform: scale(1);
} .tn-top-left-grow {
top: -100%;
left: -100%;
opacity: 0;
}
.top-nav-popup.tn-top-left-grow {
opacity: 1;
top: 0;
left: 0;
} .tn-top-right-grow {
top: -100%;
right: -100%;
opacity: 0;
}
.top-nav-popup.tn-top-right-grow {
opacity: 1;
top: 0;
right: 0;
} .tn-bottom-left-grow {
bottom: -100%;
left: -100%;
opacity: 0;
}
.top-nav-popup.tn-bottom-left-grow {
opacity: 1;
bottom: 0;
left: 0;
} .tn-bottom-right-grow {
bottom: -100%;
right: -100%;
opacity: 0;
}
.top-nav-popup.tn-bottom-right-grow {
opacity: 1;
bottom: 0;
right: 0;
} .tn-top-slide {
top: -100%;
left: 0;
opacity: 0;
} .tn-bottom-slide {
top: 100%;
left: 0;
opacity: 0;
}
.top-nav-popup.tn-top-slide,
.top-nav-popup.tn-bottom-slide {
top: 0;
opacity: 1;
} .tn-left-slide {
top: 0;
left: -100%;
opacity: 0;
} .tn-right-slide {
top: 0;
left: 100%;
opacity: 0;
}
.top-nav-popup.tn-left-slide,
.top-nav-popup.tn-right-slide {
left: 0;
opacity: 1;
} .tn-skew-top {
top: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
} .tn-skew-bottom {
bottom: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
}
.top-nav-popup.tn-skew-top,
.top-nav-popup.tn-skew-bottom {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
} .tn-skew-left {
top: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: center left 0;
transform-origin: center left 0;
}
.top-nav-popup.tn-skew-left {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
} .tn-skew-right {
top: 0;
right: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
-webkit-transform-origin: center right 0;
transform-origin: center right 0;
}
.top-nav-popup.tn-skew-right {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
} .tn-skew-fade-top {
top: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
} .tn-skew-fade-bottom {
bottom: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
}
.top-nav-popup.tn-skew-fade-top,
.top-nav-popup.tn-skew-fade-bottom {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
} .tn-skew-fade-left {
top: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
-webkit-transform-origin: center left 0;
transform-origin: center left 0;
} .tn-skew-fade-right {
top: 0;
left: 0;
opacity: 0;
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: center right 0;
transform-origin: center right 0;
}
.top-nav-popup.tn-skew-fade-left,
.top-nav-popup.tn-skew-fade-right {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
} .ps-container .ps-scrollbar-y-rail {
position: absolute;
right: 3px;
z-index: 100;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail,
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover,
.ps-container .ps-scrollbar-y-rail.in-scrolling {
opacity: 1;
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
background-color: transparent;
}
.ps-container .ps-scrollbar-y {
position: absolute;
right: 0px;
cursor: pointer;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
} #blog-container,
.blog-post,
#portfolio-container,
#portfolio-cats-container,
.portfolio-post-inner {
overflow: hidden;
}
.blog-container-no-padding,
.portfolio-container-no-padding,
.portfolio-cats-container-no-padding {
padding: 0 !important;
}
.post-width3x {
width: 100%;
} .post-media-wrap {
position: relative;
overflow: hidden;
}
.post-media {
position: relative;
overflow: hidden;
}
.post-media img {
width: 100%;
height: auto !important;
}
.post-media img:first-of-type + img {
display: none;
position: absolute;
top: 0;
left: 0;
} .audio-media {
padding: 10px;
}
.audio-media {
position: absolute;
bottom: 0;
z-index: 100;
}
.video-media,
.audio-media  {
width: 100%;
}
.audio-media audio,
.video-media video {
width: 100%;
}
.audio-media iframe {
height: auto !important;
width: 100% !important;
} .post-text-wrap {
overflow: hidden;
}
.blog-post .post-categories,
.portfolio-post .post-categories {
display: block;
word-wrap: break-word;
overflow: hidden;
}
.blog-post .post-cats-in,
.portfolio-post .post-cats-in {
display: block;
}
.more-info-wrap,
.likes-and-comments {
position: relative;
z-index: 2;
}
.portfolio-post .rf-likes a,
.portfolio-post .post-comments-wrap a,
.portfolio-post .social-share-wrap a,
.portfolio-post .social-share-wrap > i {
display: inline-block;
text-align: center;
border-radius: 50%;
-webkit-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease-in-out;
}
.social-share-wrap {
display: inline-block;
}
.social-share-wrap > i,
.social-share-wrap a {
margin-right: 10px;
}
.social-share-wrap > i {
margin-left: 0 !important;
cursor: pointer;
-webkit-transition: color 0.8s ease 0s;
transition: color 0.8s ease 0s;
}
.social-share-wrap i {
-webkit-transition: color 0.2s ease 0s;
transition: color 0.2s ease 0s;
}
.social-share a:first-child .fa {
margin-left: 0 !important;
}
.project-link .fa {
padding-right: 5px;
}
.read-more,
.more-info {
display: block;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}  .link-and-quote {
width: 100%;
height: 100% !important;
padding: 20px;
background-size: cover !important;
background-position: center !important;
text-align: center;
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: crisp-edges;
}
.featured-media .link-and-quote {
position: absolute;
top: 0;
left: 0;
height: auto !important;
}
.link-and-quote p {
padding: 14px 17px 18px 17px;
margin-bottom: 30px;
}
.single-post .link-and-quote p {
padding: 53px 40px;
}
.link-and-quote small {
display: inline-block;
padding: 14px 17px;
}
.quote-wrap p:before,
.link-wrap small:before {
font-family: FontAwesome;
padding: 5px;
}
.quote-wrap p:before {
content: "\f10e";
display: block;
font-size: 25px !important;
text-align: left;
}
.link-wrap small:before {
content: "\f0c1";
margin: 0 5px 0 -5px;
} .blog-post .image-overlay {
opacity: 0;
}
.blog-post .post-media:hover .image-overlay {
opacity: 1;
}
.blog-post .image-overlay .fa {
width: 50px;
line-height: 50px;
margin: -25px 0 0 -25px;
opacity: 0;
}
.blog-post .post-media:hover .image-overlay .fa {
opacity: 1;
} .post-media-in-wrap {
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0);
} .post-format-icon {
position: absolute;
z-index: 10;
text-align: center;
} .triangle-wrap {
position: absolute;
z-index: 101;
width: 0;
height: 0;
border-top-style: solid;
border-bottom-style: solid;
} .portfolio-post .more-info {
outline: 0 !important;
}
.portfolio-post .testimonial-wrap p {
margin-top: 5px;
}
.portfolio-post .testimonial-wrap a {
cursor: pointer;
} .portfolio-post .image-overlay {
z-index: 20;
opacity: 1;
}
.portfolio-post .image-overlay .fa {
z-index: 20;
width: 50px;
line-height: 50px;
margin: -25px 0 0 -25px;
opacity: 0;
}
.portfolio-post .post-media:hover .image-overlay .fa {
opacity: 1;
} .grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(1);
filter: grayscale(1);
filter: gray;
}
.grayscale.grayscale-fade {
transition: filter .5s;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s;
transition: -webkit-filter .5s;
}
}
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.grayscale.grayscale-replaced {
-webkit-filter: none;
filter: none;
}
.grayscale.grayscale-replaced > svg {
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
opacity: 1;
}
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 0;
} .media-hovers {
overflow: hidden;
}
.media-hover-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .media-hover-fade {
position: absolute;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-fade {
opacity: 1;
} .media-hover-fade-out {
position: absolute;
top: 0;
left: 0;
z-index: 15;
opacity: 1;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-fade-out {
opacity: 0;
} .media-hover-center-grow {
position: absolute;
top: 15%;
left: 15%;
z-index: 100;
opacity: 0;
width: 70%;
height: 70%;
}
.post-media-in-wrap:hover .media-hover-center-grow {
opacity: 1;
top: 15px;
left: 15px;
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
} .media-hover-center-grow-full {
position: absolute;
top: 15%;
left: 15%;
z-index: 100;
opacity: 0;
width: 70%;
height: 70%;
}
.post-media-in-wrap:hover .media-hover-center-grow-full {
opacity: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .media-hover-top-left-grow {
position: absolute;
top: -100%;
left: -100%;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-top-left-grow {
opacity: 1;
top: 0;
left: 0;
} .media-hover-top-right-grow {
position: absolute;
top: -100%;
right: -100%;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-top-right-grow {
opacity: 1;
top: 0;
right: 0;
} .media-hover-bottom-left-grow {
position: absolute;
bottom: -100%;
left: -100%;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-bottom-left-grow {
opacity: 1;
bottom: 0;
left: 0;
} .media-hover-bottom-right-grow {
position: absolute;
bottom: -100%;
right: -100%;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-bottom-right-grow {
opacity: 1;
bottom: 0;
right: 0;
} .media-hover-top-slide {
position: absolute;
top: -100%;
left: 0;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
} .media-hover-bottom-slide {
position: absolute;
top: 100%;
left: 0;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-top-slide,
.post-media-in-wrap:hover .media-hover-bottom-slide {
top: 0;
opacity: 1;
} .media-hover-left-slide {
position: absolute;
top: 0;
left: -100%;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
} .media-hover-right-slide {
position: absolute;
top: 0;
left: 100%;
z-index: 100;
opacity: 0;
width: 100%;
height: 100%;
}
.post-media-in-wrap:hover .media-hover-left-slide,
.post-media-in-wrap:hover .media-hover-right-slide {
left: 0;
opacity: 1;
} .media-hover-skew-top {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: auto !important;
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
} .media-hover-skew-bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: auto !important;
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
}
.post-media-in-wrap:hover .media-hover-skew-top,
.post-media-in-wrap:hover .media-hover-skew-bottom {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
} .media-hover-skew-left {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
height: 100%;
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: center left 0;
transform-origin: center left 0;
}
.post-media-in-wrap:hover .media-hover-skew-left {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
} .media-hover-skew-right {
position: absolute;
top: 0;
right: 0;
z-index: 12;
opacity: 0;
height: 100%;
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
-webkit-transform-origin: center right 0;
transform-origin: center right 0;
}
.post-media-in-wrap:hover .media-hover-skew-right {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
} .media-hover-skew-full-top {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
} .media-hover-skew-full-bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
}
.post-media-in-wrap:hover .media-hover-skew-full-top,
.post-media-in-wrap:hover .media-hover-skew-full-bottom {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
} .media-hover-skew-full-left {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: center left 0;
transform-origin: center left 0;
} .media-hover-skew-full-right {
position: absolute;
top: 0;
right: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
-webkit-transform-origin: center right 0;
transform-origin: center right 0;
}
.post-media-in-wrap:hover .media-hover-skew-full-left,
.post-media-in-wrap:hover .media-hover-skew-full-right {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
} .media-hover-skew-full-fade-top {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateX(90deg);
transform: perspective(600px) rotateX(90deg);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
} .media-hover-skew-full-fade-bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: center bottom 0;
transform-origin: center bottom 0;
}
.post-media-in-wrap:hover .media-hover-skew-full-fade-top,
.post-media-in-wrap:hover .media-hover-skew-full-fade-bottom {
opacity: 1;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
} .media-hover-skew-full-fade-left {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
-webkit-transform-origin: center left 0;
transform-origin: center left 0;
} .media-hover-skew-full-fade-right {
position: absolute;
top: 0;
left: 0;
z-index: 12;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: center right 0;
transform-origin: center right 0;
}
.post-media-in-wrap:hover .media-hover-skew-full-fade-left,
.post-media-in-wrap:hover .media-hover-skew-full-fade-right {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}  .title-and-meta {
float: left;
width: 75%;
}
.nxt-prev-post {
float: right;
width: 25%;
text-align: right;
}
.next-post,
.previous-post {
display: inline-block;
text-align: center;
overflow: hidden;
}
.back-link {
display: none;
position: static !important;
left: auto !important;
top: auto !important;
border: 0 !important;
}
.p-single-back-link .back-link {
display: inline-block;
}
.no-nxt-prev {
display: none !important;
}
.meta-sep {
padding: 0 5px;
}
.single-header .post-categories {
word-wrap: break-word;
overflow: hidden;
} .featured-media,
.gallery-slideshow {
position: relative;
}
.featured-media img,
.gallery-slideshow img {
width: 100%;
height: auto !important;
}
.featured-media .audio-media {
padding: 10px;
}
.featured-media .audio-media {
position: absolute;
bottom: 0;
z-index: 100;
width: 100%;
}
.featured-media .video-media {
width: 100%;
}
.featured-media .audio-media audio,
.featured-media .video-media video {
width: 100%;
} .gallery-slideshow {
position: relative;
}
.gallery-slide {
display: none;
width: 100%;
}
.slideshow-caption {
position: absolute;
z-index: 120;
}
.stacked-caption {
border: 1px solid transparent;
}
.stacked-caption span {
display: inline-block;
}
.gallery-nav {
position: relative;
z-index: 120;
line-height: 0;
}
.gallery-nav span {
display: inline-block;
overflow: hidden;
line-height: 1;
cursor: pointer;
text-indent: 999999px;
-webkit-transition: background-color 0.2s ease 0s;
transition: background-color 0.2s ease 0s;
}
.gallery-nav span:last-child {
margin-right: 0 !important;
}
.gallery-arrow {
display: block;
position: absolute;
top: 50%;
z-index: 100;
text-align: center;
-webkit-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.gallery-prev-slide {
left: 0px;
}
.gallery-next-slide {
right: 0px;
}
.gallery-slideshow:hover .gallery-arrow {
opacity: 1 !important;
} .lightbox-overlay .image-overlay .fa {
width: 50px;
margin: -25px 0 0 -25px;
line-height: 50px;
} .royal-gallery {
list-style: none !important;
}
.royal-gallery .gallery-item {
padding: 0 !important;
}
.gallery-icon img,
.gallery-icon a img {
width: 100%;
height: auto !important;
}
.gallery-caption,
.wp-caption-text {
padding: 10px;
border-width: 1px;
border-style: solid;
border-top: 0;
}
.gallery-item {
float: left;
text-align: center;
}
.gallery-columns-1 .gallery-item {
float: none !important;
width: 100%;
} .single-post-sharing {
position: relative;
}
.single-socials-wrap {
display: block;
margin: 0 auto;
}
.single-socials-wrap span {
display: inline;
cursor: default;
}
.single-socials-wrap i {
margin-left: 15px;
cursor: pointer;
} .single-post .single-wrap {
margin-right: 0 !important;
width: 100% !important;
}
.single-header,
.single-content-wrap {
box-shadow: none !important;
border-radius: 0 !important;
} .post-cont-pagination {
margin: 20px 0;
}
.post-cont-pagination span {
margin-right: 10px;
} .single-tags {
display: block;
padding: 10px 0;
clear: both;
}
.single-tags span {
font-weight: bold;
} .inner-content hr {
border-style: solid;
border-width: 1px;
}
.inner-content blockquote {
padding: 15px;
border-left-style: solid;
border-left-width: 3px;
background-color: #f9f9f9;
color: #727272;
font-style: italic;
}
.inner-content blockquote p {
margin: 0 !important;
}
.inner-content table th {
font-weight: bold;
}
.inner-content table th,
.inner-content table tr,
.inner-content table td {
padding: 15px;
border-style: solid;
border-width: 1px;
}
.inner-content dl dt {
font-weight: bold;
}
.inner-content dl dd {
margin-bottom: 20px;
}
.inner-content .single-content ul,
.inner-content .comment-content ul {
list-style-type:circle;
list-style-position:inside;
}
.inner-content .single-content ol,
.inner-content .comment-content ol {
list-style-type: decimal;
list-style-position:inside;
}
.inner-content .single-content > ul li,
.inner-content .single-content > ol li,
.inner-content .comment-content > ul li,
.inner-content .comment-content > ol li {
padding: 3px 3px 3px 20px;
}
.inner-content address {
font-style: italic;
}
.inner-content code,
.inner-content pre,
.inner-content tt,
.inner-content samp,
.inner-content kbd,
.inner-content var {
font-family: monospace, serif !important;
}
.inner-content pre {
overflow: auto;
word-wrap: break-word;
white-space: pre-wrap;
border-style: solid;
border-width: 1px;
}
.inner-content blockquote,
.inner-content pre {
padding: 15px;
background-color: #f9f9f9;
}
.inner-content sub,
.inner-content sup {
position: relative;
height: 0;
line-height: 0;
font-size: 75%;
}
.inner-content sub {
bottom: -3px;
}
.inner-content sup {
top: -5px;
} .project-info {
overflow: hidden;
}
.project-description-wrap {
float: left;
width: 68%;
}
.project-details-wrap {
float: right;
width: 29%;
}
.project-details>li:first-child {
padding-top: 0 !important;
}
.project-details>li {
overflow: hidden;
}
.project-details li:last-child {
border-bottom: 0;
}
.project-details strong {
float: left;
width: 120px;
}
.project-details strong .fa {
margin-right: 5px;
}
.proj-details-meta {
float: left;
}
.proj-details-meta li {
margin-bottom: 5px;
}
.info-sharing a {
margin-right: 10px;
}
.info-sharing a:last-child {
margin-right: 0 !important;
}
.project-info-horz .no-project-desc {
float: none !important;
width: 100% !important;
} .similar-items h3 span {
display: block;
}
.jcarousel-wrap {
position: relative;
}
.jcarousel {
position: relative;
overflow: hidden;
}
.jcarousel ul {
width: 20000em;
position: relative;
}
.jcarousel li {
float: left;
}
.jcarousel .image-overlay-wrap {
overflow: hidden;
}
.jcarousel .image-overlay-wrap h5 {
position: absolute;
bottom: 0;
width: 100%;
padding: 10px 20px;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.jcarousel li img {
height: auto !important;
width: 100% !important;
}
.jcarousel-prev,
.jcarousel-next {
position: absolute;
top: 50%;
z-index: 10;
text-align: center;
}
.jcarousel-prev i,
.jcarousel-next i {
box-sizing: content-box;
-moz-box-sizing: content-box;
} .image-overlay-wrap {
position: relative;
}
.image-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.4s ease 0s, background-color 0.4s ease 0s;
transition: opacity 0.4s ease 0s, background-color 0.4s ease 0s;
}
.image-overlay:hover {
opacity: 1;
}
.image-overlay .fa {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
cursor: pointer;
}
.image-overlay a {
display: block;
width: 100%;
height: 100%;
} .search-query + hr {
margin-bottom: 50px;
}
.search-results-wrap {
margin-bottom: 50px;
}
.search-result-thumbnail {
position: relative;
float: left;
width: 150px;
height: 150px;
margin-right: 15px;
}
.search-result-thumbnail img {
position: absolute;
top: 0;
left: 0;
z-index: 20;
}
.search-result-thumbnail p {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
border-width: 1px;
border-style: solid;
margin: 0 !important;
line-height: 150px !important;
text-align: center;
} .pagination-wrap {
position: relative;
}
.pagination-wrap a,
.pagination-wrap span {
display: inline-block;
}
.pagination-wrap i {
line-height: 0;
}
.infinitescroll-facebook .load-more-wrap {
opacity: 0;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
}
.load-more-wrap i {
margin-right: 10px;
}
.load-more-wrap a {
outline: none;
}
.default-pagination .default-prev-link {
float: left;
}
.default-pagination .default-next-link {
float: right;
}
.infinitescroll-twitter #infscr-loading {
display: none !important;
}
#infscr-loading {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1001;
width: 100%;
height: 100%;
}
#infscr-loading > div {
display: table;
position: relative;
width: 100%;
height: 100%;
font-size: 25px;
text-align: center;
color: #000;
}
.infscr-inner {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
.infscr-center {
position: relative;
display: inline-block !important;
}
#infscr-loading img {
display: none !important;
} .contact-form-wrap {
overflow: hidden;
}
.contact-form-full {
width: 100% !important;
margin: 0 !important;
} .contact-info ul li:first-child span {
padding-top: 0 !important;
}
.contact-info ul li:last-child span {
padding-bottom: 0 !important;
border-bottom: 0 !important;
} .google-map {
overflow: hidden;
}
.google-map img {
max-width: none;
} .rf-input {
width: 100%;
outline: 0;
-webkit-transition: border 0.4s ease 0s;
transition: border 0.4s ease 0s;
}
.pers-message {
resize: none;
width: 100%;
}
.rf-error {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.post-password-form p {
font-style: italic;
}
.post-password-form input {
display: inline !important;
width: auto;
margin-bottom: 0;
text-align: left !important;
} .search-wrap {
position: relative;
}
#s {
width: 100%;
margin-top: 0;
margin-bottom: 0;
border: none;
}
#s,
.search-icon {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.search-icon {
position: absolute;
}
#searchsubmit {
display: none;
} .comments-empty {
display: none;
}
.comments-count span {
display: block;
}
.comment-author-img {
float: left;
overflow: hidden;
}
.comment-author-img img {
margin: 0 !important;
}
.comment header p span a {
font-weight: bold;
}
.comment header p span a:hover {
font-weight: bold;
}
.comments-wrap .children {
margin-left: 30px;
}
.bypostauthor { }
.comment-reply-title small {
display: block;
}
.comments-pagination {
margin-top: 15px;
}
.comments-pagination .older-comments {
float: left;
}
.comments-pagination .newer-comments {
float: right;
}
.awaiting-moderation {
margin-top: 15px;
font-style: italic;
text-align: right;
}
.pingback p {
padding: 5px 0;
}
.logged-in-as {
margin: 0 !important;
margin-bottom: 5px !important;
}
.comments-closed {
margin: 15px 0;
font-style: italic;
text-align: center;
}
.comments-area-wrap .form-submit {
margin-bottom: 0 !important;
} .top-widgets-wrap {
position: fixed;
top: 0;
left: 0;
z-index: 900;
width: 100%;
}
.admin-bar .top-widgets-wrap {
top: 32px;
}
.top-widgets-wrap .top-widgets {
display: none;
overflow: hidden;
border: 0 !important;
border-radius: 0 !important;
}
.top-widgets-fold-btn {
position: absolute;
right: 0;
bottom: -40px;
}
.top-widgets-fold-btn > div {
float: right;
overflow: hidden;
}
.top-widgets-fold-btn i {
width: 40px;
height: 40px;
padding: 5px 5px 0 0;
font-size: 0.9em;
text-align: right;
cursor: pointer;
}
.footer-widgets {
overflow: hidden;
} .sidebar-widget table,
.top-widget table,
.footer-widget table {
width: 100%;
}
.sidebar-widget caption,
.top-widget caption,
.footer-widget caption {
padding: 2%;
font-weight: bold;
}
.sidebar-widget thead tr th,
.top-widget thead tr th,
.footer-widget thead tr th {
padding: 2% 1%;
text-align: center;
}
.sidebar-widget tbody tr td,
.top-widget tbody tr td,
.footer-widget tbody tr td {
padding: 2% 1%;
text-align: center;
}
#wp-calendar #prev,
#wp-calendar #next {
padding: 2% 4%;
}
#wp-calendar #prev {
text-align: left;
}
#wp-calendar #next {
text-align: right;
} .sidebar-widget .sub-menu,
.top-widget .sub-menu,
.footer-widget .sub-menu {
padding-left: 10px;
} .sidebar-widget select,
.top-widget select,
.footer-widget select {
width: 100%;
padding: 5px;
} .textwidget p {
margin-bottom: 10px;
}
.textwidget p:last-child {
margin-bottom: 0;
}
.textwidget img {
height: auto;
}
.tagcloud {
word-wrap: break-word;
}
.tagcloud a:not([href*="portfolio"]) {
display: inline-block;
padding: 5px 10px;
border: 1px solid;
margin: 0 5px 5px 0;
border-radius: 2px;
}
.tagcloud a[href*="portfolio"] {
display: block;
}
.top-widget,
.footer-widget {
float: left;
}
.PI_SimpleTwitterTweets .tweets > li {
margin-bottom: 20px;
}
.PI_SimpleTwitterTweets .tweets > li:after {
display: block;
content: "";
clear: both;
}
.PI_SimpleTwitterTweets .tweets > li img:first-child {
margin-right: 15px;
margin-bottom: 15px;
}
.PI_SimpleTwitterTweets .tweets > li em:last-child {
font-size: 13px !important;
}
.widget_recent_portfolio li {
overflow: hidden;
}
.widget_recent_portfolio .recent-folio-thumb {
position: relative;
width: 64px;
height: 64px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.widget_recent_portfolio .recent-folio-thumb img {
position: absolute;
z-index: 3;
width: 100px;
height: auto;
}
.widget_recent_portfolio .recent-folio-thumb i {
position: absolute;
z-index: 2;
display: block;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
}
.widget_recent_portfolio a {
display: block;
}
.widget_recent_portfolio div span {
font-size: 11px;
line-height: 12px;
} .copy-and-soc {
width: auto; -webkit-transition: margin 0.1s ease 0s;
transition: margin 0.1s ease 0s;
} .footer-fold-btn {
display: none;
position: absolute;
top: -35px;
left: 0;
}
.footer-fold-btn i {
width: 35px;
height: 35px;
font-size: 1em !important;
line-height: 35px;
text-align: center;
cursor: pointer;
} .socials-wrap {
cursor: default;
}
.socials-wrap i {
text-align: center;
}
.socials-wrap a {
outline: none !important;
}
.empty-social {
display: none;
} .back-to-top {
display: none;
position: fixed;
z-index: 300;
text-align: center;
}
.back-to-top .fa {
box-sizing: content-box;
} body.royal-page-preloader {
overflow-y: scroll !important;
}
body.page-template-slider-blank {
padding: 0 !important;
}
body.page-template-slider-blank .royal-revslider {
margin: 0 !important;
}
body.page-template-slider-blank .fullscreen-container {
width: 100% !important;
}
body.page-template-default.def-page-margins #main-wrap,
body.page-template-default.def-page-paddings .inner-content,
body.page-template-default.def-page-margins .inner-content-wrap {
padding: 0 !important;
}
body.page-template-default.def-page-margins #sidebar-top,
body.page-template-default.def-page-margins .page-header,
body.page-template-default.def-page-margins .inner-content {
margin-bottom: 0 !important;
}
body.page-template-default.def-page-fullwidth .inner-content-wrap {
max-width: none !important;
}
.page-template-slider-sidebar #main-wrap {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
body.sidebar-fixed,
body.sidebar-top-fixed {
padding-top: 0 !important;
padding-bottom: 0 !important;
border-top: none !important;
border-bottom: none !important;
}
body.sidebar-fixed #page-wrap,
body.sidebar-top-fixed #page-wrap {
border-top-width: 1px !important;
border-top-color: transparent !important;
border-bottom-width: 1px !important;
border-bottom-color: transparent !important;
border-radius: 0 !important;
}
.sidebar-fixed #sidebar {
position: fixed;
z-index: 200;
height: 100%;
overflow: hidden;
}
.sidebar-closed #sidebar,
.copy-closed.copy-fixed .copy-and-soc {
overflow: hidden;
width: 0 !important;
height: 0 !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.sidebar-top-fixed #sidebar-top {
position: static;
top: 0;
z-index: 310;
}
.admin-bar.sidebar-top-fixed #sidebar-top {
top: 32px;
}
.sidebar-closed #main-wrap,
.sidebar-closed .royal-revslider,
.copy-closed .copy-and-soc {
margin: 0 !important;
}
.sidebar-top-fixed .royal-revslider + #main-wrap {
margin-top: 0 !important;
}
.sidebar-top-scale-adjust {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.p-single-back-link.sharing-nxt-prev-p.single-royal_portfolio .single-post-sharing {
text-align: center;
}
.p-single-back-link.sharing-nxt-prev-p.single-royal_portfolio .single-socials-wrap {
display: none !important;
}
.project-info-closed .project-info {
display: none;
}
.single-header-below-p .portfolio-single-header,
.single-header-below-b .blog-single-header {
padding-bottom: 0 !important;
}
.single-header-below-p.single-royal_portfolio .single-content-wrap,
.single-header-below-b.single-post .single-content-wrap {
padding-top: 1px !important;
}
.hide-single-sharing-p.single-royal_portfolio .single-socials-wrap span,
.hide-single-sharing-p.single-royal_portfolio .project-info-sharing {
display: none !important;
}
.project-info-closed.single-royal_portfolio .single-wrap,
.project-info-horz.single-royal_portfolio .single-wrap,
.project-info-closed.single-royal_portfolio .single-header,
.project-info-closed.single-royal_portfolio .single-content-wrap {
width: 100% !important;
margin-right: 0 !important;
}
.project-info-horz .project-info {
width: 100% !important;
margin-left: 0 !important;
height: auto !important;
clear: both;
}
.project-info-horz .project-info .previous-post {
float: left !important;
}
.project-info-horz .project-info .next-post {
float: right !important;
}
.project-info-below-right .project-info {
position: relative;
z-index: 10;
margin-bottom: 0 !important;
}
.project-info-below-right.single-royal_portfolio .single-wrap {
width: 100% !important;
}
.project-info-right.single-royal_portfolio .single-wrap,
.project-info-below-right.single-royal_portfolio .single-content-wrap,
.project-info-below-right.single-header-below-p .portfolio-single-header {
float: left;
}
.project-info-right .project-description-wrap,
.project-info-right .project-details-wrap,
.project-info-below-right .project-description-wrap,
.project-info-below-right .project-details-wrap {
width: 100%;
float: none;
}
.project-nxt-prev-p .portfolio-single .nxt-prev-post {
width: 100%;
text-align: center;
}
.single-royal_portfolio.hide-nxt-prev-p .nxt-prev-post,
.single-royal_portfolio.hide-nxt-prev-p .previous-post,
.single-royal_portfolio.hide-nxt-prev-p .next-post,
.single-royal_portfolio.sharing-nxt-prev-p .nxt-prev-post,
.single-royal_portfolio.sharing-nxt-prev-p .portfolio-single > .previous-post,
.single-royal_portfolio.sharing-nxt-prev-p .portfolio-single > .next-post,
.single-royal_portfolio.project-nxt-prev-p .single-header .nxt-prev-post,
.single-royal_portfolio.project-nxt-prev-p .single-post-sharing .previous-post,
.single-royal_portfolio.project-nxt-prev-p .single-post-sharing .next-post,
.single-royal_portfolio.project-nxt-prev-p .portfolio-single > .previous-post,
.single-royal_portfolio.project-nxt-prev-p .portfolio-single > .next-post,
.single-royal_portfolio.header-nxt-prev-p .project-info .nxt-prev-post,
.single-royal_portfolio.header-nxt-prev-p .single-post-sharing .previous-post,
.single-royal_portfolio.header-nxt-prev-p .single-post-sharing .next-post,
.single-royal_portfolio.header-nxt-prev-p .portfolio-single > .previous-post,
.single-royal_portfolio.header-nxt-prev-p .portfolio-single > .next-post,
.single-royal_portfolio.side-nxt-prev-p .single-header .nxt-prev-post,
.single-royal_portfolio.side-nxt-prev-p .project-info .nxt-prev-post,
.single-royal_portfolio.side-nxt-prev-p .single-post-sharing .previous-post,
.single-royal_portfolio.side-nxt-prev-p .single-post-sharing .next-post,
.single-post.hide-nxt-prev-b .nxt-prev-post,
.single-post.hide-nxt-prev-b .previous-post,
.single-post.hide-nxt-prev-b .next-post,
.single-post.sharing-nxt-prev-b .nxt-prev-post,
.single-post.header-nxt-prev-b .single-post-sharing .previous-post,
.single-post.header-nxt-prev-b .single-post-sharing .next-post {
display: none;
}
.single-post-sharing .previous-post img,
.single-post-sharing .next-post img,
.nxt-prev-post img {
display: none;
}
.single-post.hide-nxt-prev-b .title-and-meta,
.single-post.sharing-nxt-prev-b .title-and-meta,
.single-royal_portfolio.hide-nxt-prev-p .title-and-meta,
.single-royal_portfolio.sharing-nxt-prev-p .title-and-meta,
.single-royal_portfolio.project-nxt-prev-p .title-and-meta,
.single-royal_portfolio.side-nxt-prev-p .title-and-meta,
.single-royal_portfolio.sharing-nxt-prev-p .title-and-meta {
float: none;
width: 100%;
}
.single-post.sharing-nxt-prev-b .single-post-sharing .previous-post,
.single-post.sharing-nxt-prev-b .single-post-sharing .next-post,
.single-royal_portfolio.sharing-nxt-prev-p .single-post-sharing .previous-post,
.single-royal_portfolio.sharing-nxt-prev-p .single-post-sharing .next-post  {
position: absolute;
top: 0;
}
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .previous-post,
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .next-post {
position: fixed;
top: 50%;
z-index: 150;
overflow: visible;
}
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .previous-post img,
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .next-post img {
position: absolute;
max-width: none;
transition: all 0.2s ease;
opacity: 0;
}
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .previous-post img {
-webkit-transform: perspective(600px) rotateY(90deg);
transform: perspective(600px) rotateY(90deg);
-webkit-transform-origin: center left 0;
transform-origin: center left 0;
}
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .previous-post:hover img {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .next-post img {
-webkit-transform: perspective(600px) rotateY(-90deg);
transform: perspective(600px) rotateY(-90deg);
-webkit-transform-origin: center right 0;
transform-origin: center right 0;
}
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .next-post:hover img {
opacity: 1;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
}
.single-post.sharing-nxt-prev-b .single-post-sharing .previous-post,
.single-royal_portfolio.sharing-nxt-prev-p .single-post-sharing .previous-post,
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .previous-post {
left: 0;
}
.single-post.sharing-nxt-prev-b .single-post-sharing .next-post,
.single-royal_portfolio.sharing-nxt-prev-p .single-post-sharing .next-post,
.single-royal_portfolio.side-nxt-prev-p .portfolio-single > .next-post  {
right: 0;
}
.copy-fixed .copy-and-soc {
position: fixed;
bottom: 0;
z-index: 300;
margin-left: 0 !important;
}
.copy-fixed .copy-mobile {
display: block;
position: static;
width: 100%;
}
.copy-horizontal-1 .copyright-wrap,
.copy-horizontal-2 .socials-wrap {
float: left !important;
}
.copy-horizontal-1 .socials-wrap,
.copy-horizontal-2 .copyright-wrap {
float: right !important;
}
.copy-horizontal-2 .socials-wrap {
float: left !important;
}
.copy-horizontal-1 .socials-wrap,
.copy-horizontal-2 .socials-wrap {
border-bottom: none !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
} .single-content .wp-block-gallery .blocks-gallery-item {
padding: 0;
}
.wp-block-gallery .blocks-gallery-item figcaption {
background: rgba(0,0,0, 0.3);
padding: 3px 10px;
}