.stag-tabs, .stag-toggle, .stag-video {
margin: 0 0 2em 0;
} .stag-button {
-webkit-appearance: none;
background: #979797;
color: #fff;
font-size: 16px;
padding: 12px 16px;
border-radius: 0;
-webkit-font-smoothing: inherit;
text-decoration: none;
display: inline-block;
line-height: 1;
text-align: center;
margin: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.stag-button:hover {
color: #fff;
text-decoration: none;
}
.stag-button--normal:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
}
.stag-button--medium {
font-size: 18px;
padding: 17px 22px;
}
.stag-button--large {
font-size: 20px;
padding: 22px 40px;
}
.stag-button--grey {
background: #979797;
}
.stag-button--black {
background: #000;
}
.stag-button--green {
background: #84c333;
}
.stag-button--yellow {
background: #ffd164;
}
.stag-button--dark {
background: #363f48;
}
.stag-button--light {
background: whitesmoke;
color: #a9a9a9;
}
.stag-button--light:visited {
color: #a9a9a9 !important;
}
.stag-button--blue {
background: #1b93c7;
}
.stag-button--light-blue {
background: #56c3f2;
}
.stag-button--red {
background: #d15858;
}
.stag-button--orange {
background: #fc901d;
}
.stag-button--purple {
background: #c16ad7;
}
.stag-button--stroke {
background: transparent;
border: 1px solid transparent;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.stag-button--stroke.stag-button--grey {
border-color: #979797;
color: #979797 !important;
}
.stag-button--stroke.stag-button--grey:hover {
background: #979797;
color: white !important;
}
.stag-button--stroke.stag-button--black {
border-color: black;
color: black !important;
}
.stag-button--stroke.stag-button--black:hover {
background: black;
color: white !important;
}
.stag-button--stroke.stag-button--green {
border-color: #84c333;
color: #84c333 !important;
}
.stag-button--stroke.stag-button--green:hover {
background: #84c333;
color: white !important;
}
.stag-button--stroke.stag-button--yellow {
border-color: #ffd164;
color: #ffd164 !important;
}
.stag-button--stroke.stag-button--yellow:hover {
background: #ffd164;
color: white !important;
}
.stag-button--stroke.stag-button--dark {
border-color: #363f48;
color: #363f48 !important;
}
.stag-button--stroke.stag-button--dark:hover {
background: #363f48;
color: white !important;
}
.stag-button--stroke.stag-button--light {
border-color: whitesmoke;
color: whitesmoke !important;
}
.stag-button--stroke.stag-button--light:hover {
background: whitesmoke;
color: #a9a9a9 !important;
}
.stag-button--stroke.stag-button--blue {
border-color: #1b93c7;
color: #1b93c7 !important;
}
.stag-button--stroke.stag-button--blue:hover {
background: #1b93c7;
color: white !important;
}
.stag-button--stroke.stag-button--light-blue {
border-color: #56c3f2;
color: #56c3f2 !important;
}
.stag-button--stroke.stag-button--light-blue:hover {
background: #56c3f2;
color: white !important;
}
.stag-button--stroke.stag-button--red {
border-color: #d15858;
color: #d15858 !important;
}
.stag-button--stroke.stag-button--red:hover {
background: #d15858;
color: white !important;
}
.stag-button--stroke.stag-button--orange {
border-color: #fc901d;
color: #fc901d !important;
}
.stag-button--stroke.stag-button--orange:hover {
background: #fc901d;
color: white !important;
}
.stag-button--stroke.stag-button--purple {
border-color: #c16ad7;
color: #c16ad7 !important;
}
.stag-button--stroke.stag-button--purple:hover {
background: #c16ad7;
color: white !important;
}
.stag-intro-text,
.run-in {
font-size: 28px;
margin-bottom: 1.5em;
color: #222;
display: block;
line-height: 36px;
font-weight: 100;
} .stag-alert {
padding: 20px 15px;
margin: 20px 0px;
text-align: center;
color: #fff;
}
.stag-alert--white {
background: #f5f5f5;
color: #bcbcbc;
}
.stag-alert--grey {
background: #979797;
}
.stag-alert--red {
background: #d15858;
}
.stag-alert--yellow {
background: #ffd164;
}
.stag-alert--green {
background: #84c333;
}
.stag-alert--blue {
background: #1b93c7;
}
.stag-dropcap {
display: block;
float: left;
text-align: center;
margin-right: 5px;
margin-top: 5px;
}
.stag-dropcap--squared {
background: #363f48;
color: #fff;
} .stag-divider {
border: 0;
height: 1px;
background: #363f48;
}
.stag-divider--strong {
height: 7px;
}
.stag-divider--double {
height: 7px;
}
.stag-divider--double:after {
content: '';
display: block;
border-bottom: 1px solid #363f48;
position: relative;
top: 10px;
}
.stag-divider--dashed {
background: none;
border-bottom: 1px dashed #363f48;
}
.stag-divider--dotted {
background: none;
border-bottom: 1px dotted #363f48;
}
.stag-tabs .stag-nav {
list-style: none !important;
margin: 0;
padding: 0;
}
.stag-tabs .stag-nav li {
margin: 0;
float: left;
position: relative;
margin: 0 1px -1px 0 !important;
z-index: 10;
outline: 0;
}
.stag-tabs .stag-nav a {
text-decoration: none;
display: block;
padding: 15px 10px;
line-height: 1;
outline: 0;
}
.stag-tabs .stag-tab {
padding: 20px 0px;
}
.stag-tabs .stag-tab p:last-of-type {
margin-bottom: 0;
}
.stag-tabs .stag-tab p:first-of-type {
margin-top: 0;
}
.stag-tabs--normal .stag-nav a {
background: #cbcbcb;
background: rgba(0, 0, 0, 0.2);
color: #fff;
}
.stag-tabs--normal .stag-nav .ui-tabs-active a {
background: #fff;
color: #363f48;
outline: 0;
}
.stag-tabs--stroke .stag-nav li {
margin: 0 -1px 0 0 !important;
}
.stag-tabs--stroke .stag-nav a {
border: 1px solid #363f48;
color: #363f48;
}
.stag-tabs--stroke .stag-nav .ui-tabs-active a {
border-bottom-color: white;
}
.stag-tabs--stroke .stag-tab {
border: 1px solid #363f48;
margin-top: -1px;
}
.stag-toggle .stag-toggle-title {
display: block;
padding: 15px 10px;
outline: 0;
cursor: pointer;
position: relative;
}
.stag-toggle .stag-toggle-title:after {
content: '';
position: absolute;
right: 20px;
top: 20px;
width: 14px;
height: 14px;
background: url(//www.kiwipfingsten.com/wp-content/themes/cluster/assets/img/bg-toggle-light.png) no-repeat top left;
}
.stag-toggle .stag-toggle-title.ui-state-active:after {
background-position: 0px -24px;
}
.stag-toggle .stag-toggle-content {
padding: 20px 0px;
}
.stag-toggle--normal .stag-toggle-title {
background: #cbcbcb;
background: rgba(0, 0, 0, 0.2);
color: white;
}
.stag-toggle--stroke .stag-toggle-title {
border: 1px solid #363f48;
}
.stag-toggle--stroke .stag-toggle-title:after {
background-image: url(//www.kiwipfingsten.com/wp-content/themes/cluster/assets/img/bg-toggle-dark.png) !important;
}
.stag-image {
display: inline-block;
}
.stag-image--left {
float: left;
margin: 0 1.5em 1em 0;
}
.stag-image--center {
display: block;
margin: 1.5em 0;
text-align: center;
}
.stag-image--right {
float: right;
margin: 0 0 1.5em 1.5em;
}
.stag-image--grayscale {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
filter: grayscale(1);
}
.stag-image--sepia {
-webkit-filter: sepia(100%);
-moz-filter: sepia(100%);
filter: sepia(100%);
}
.stag-image--blur {
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
filter: blur(2px);
}
.stag-image--hue-rotate {
-webkit-filter: hue-rotate(50deg);
-moz-filter: hue-rotate(50deg);
filter: hue-rotate(50deg);
}
.stag-image--contrast {
-webkit-filter: contrast(15%);
-moz-filter: contrast(15%);
filter: contrast(15%);
}
.stag-image--brightness {
-webkit-filter: brightness(200%);
-moz-filter: brightness(200%);
filter: brightness(200%);
}
.stag-image--invert {
-webkit-filter: invert(100%);
-moz-filter: invert(100%);
filter: invert(100%);
}
.stag-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.stag-video iframe, .stag-video object, .stag-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 700px) {
.stag-one-half {
width: 48%;
}
.stag-one-third {
width: 30.66%;
}
.stag-two-third {
width: 65.33%;
}
.stag-one-fourth {
width: 22%;
}
.stag-three-fourth {
width: 74%;
}
.stag-one-fifth {
width: 16.8%;
}
.stag-two-fifth {
width: 37.6%;
}
.stag-three-fifth {
width: 58.4%;
}
.stag-four-fifth {
width: 79.2%;
}
.stag-one-sixth {
width: 13.33%;
}
.stag-five-sixth {
width: 82.67%;
}
.stag-one-half,
.stag-one-third,
.stag-two-third,
.stag-three-fourth,
.stag-one-fourth,
.stag-one-fifth,
.stag-two-fifth,
.stag-three-fifth,
.stag-four-fifth,
.stag-one-sixth,
.stag-five-sixth {
position: relative;
margin-right: 4%;
margin-bottom: 2em;
float: left;
}
.stag-column-last {
margin-right: 0 !important;
clear: right;
}
}
.stag-clearfix:before,
.stag-clearfix:after {
content: "";
display: table;
}
.stag-clearfix:after {
clear: both;
}
.stag-clearfix {
zoom: 1; }
.stag-icon-link {
text-decoration: none;
}
.stag-icon {
display: inline-block;
margin-right: 0.2em;
text-align: center;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.stag-icon:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity: 0.75;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.stag-toggle .stag-toggle-title:after {
background-position: 0px -32px;
background-size: 14px 64.5px;
}
.stag-toggle .stag-toggle-title.ui-state-active:after {
background-position: 0px -56px !important;
}
}
.stag-toggle span.ui-icon {
position: absolute;
top: 30%;
right: 15px;
margin: -4px 0 0 0;
}
.stag-toggle span.ui-icon:before {
content: '\e024';
font-family: 'stag';
font-size: 20px;
color: #fff;
margin-top: 1px;
display: inline-block;
}
.stag-toggle .ui-state-active .ui-icon:before {
content: '\e023';
font-size: 4px;
}
.stag-social-icons .fa {
display: inline-block;
vertical-align: top;
font-size: 30px;
width: 69px;
margin-right: 1px;
margin-bottom: 1px;
height: 69px;
padding-top: 22px;
text-align: center;
background: #cccccc;
background: rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px} .flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//www.kiwipfingsten.com/wp-content/themes/cluster/assets/css/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; padding: 0; }
button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; }
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto; vertical-align: top; }
table {
border-collapse: collapse;
border-spacing: 0;
}
::selection {
background: rgba(0, 0, 0, 0.1);
}
::-moz-selection {
background: rgba(0, 0, 0, 0.1);
}
.clearfix, .container, .section-block.latest-posts .posts-wrapper, .stag-custom-widget-area .latest-posts.widget .posts-wrapper,
.widgetized-sections .latest-posts.widget .posts-wrapper, .widgetized-sections > .latest-posts.entry-content .posts-wrapper, .portfolio-items,
.elementor-widget-wp-widget-stag_widget_portfolio, .page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .posts-wrapper, .gateway-show .portfolio, .paging-navigation, .comments-header {
*zoom: 1;
}
.clearfix:after, .container:after, .section-block.latest-posts .posts-wrapper:after, .stag-custom-widget-area .latest-posts.widget .posts-wrapper:after,
.widgetized-sections .latest-posts.widget .posts-wrapper:after, .widgetized-sections > .latest-posts.entry-content .posts-wrapper:after, .portfolio-items:after,
.elementor-widget-wp-widget-stag_widget_portfolio:after, .page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .posts-wrapper:after, .gateway-show .portfolio:after, .paging-navigation:after, .comments-header:after {
clear: both;
}
.clearfix:after, .container:after, .section-block.latest-posts .posts-wrapper:after, .stag-custom-widget-area .latest-posts.widget .posts-wrapper:after,
.widgetized-sections .latest-posts.widget .posts-wrapper:after, .widgetized-sections > .latest-posts.entry-content .posts-wrapper:after, .portfolio-items:after,
.elementor-widget-wp-widget-stag_widget_portfolio:after, .page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .posts-wrapper:after, .gateway-show .portfolio:after, .paging-navigation:after, .comments-header:after, .clearfix:before, .container:before, .section-block.latest-posts .posts-wrapper:before, .stag-custom-widget-area .latest-posts.widget .posts-wrapper:before,
.widgetized-sections .latest-posts.widget .posts-wrapper:before, .widgetized-sections > .latest-posts.entry-content .posts-wrapper:before, .portfolio-items:before,
.elementor-widget-wp-widget-stag_widget_portfolio:before, .page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .posts-wrapper:before, .gateway-show .portfolio:before, .paging-navigation:before, .comments-header:before {
content: " ";
display: table;
}
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
.grids {
max-width: 105%;
margin: 0 0 0 -3%;
}
.grids [class*="grid-"] {
display: inline-block;
margin: 0 0 0 3%;
margin-right: -.25em;
vertical-align: top;
}
.grid-1 {
width: 6.15%;
}
.grid-2 {
width: 14.583%;
}
.grid-2-5 {
width: 17.07%;
}
.grid-3 {
width: 22.05%;
}
.grid-4, .grid-one-third {
width: 30.36%;
}
.grid-5 {
width: 39.583%;
}
.grid-6, .grid-half {
width: 47%;
}
.grid-7 {
width: 56.25%;
}
.grid-8, .grid-two-thirds {
width: 63.666666666%;
}
.grid-9 {
width: 72%;
}
.grid-10 {
width: 81.25%;
}
.grid-11 {
width: 89.583%;
}
.grid-12 {
width: 97.917%;
margin: 0;
}
@media screen and (max-width: 700px) {
.grids {
margin: 0;
width: auto;
}
.grids [class*="grid-"] {
display: block;
width: auto;
margin: 0 0 40px 0;
}
.hentry-inner .grid-10 {
margin-bottom: 0 !important;
}
}
.site-width, .header .header-inner, #primary-menu, .container, .page-template-template-layout-builder .elementor-widget-container, .footer, .footer .inside, footer.copyright, .page-template-template-builder-full-width footer.copyright .inside {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}  html {
text-rendering: optimizeLegibility;
font-size: 16px;
overflow-x: hidden;
}
body {
color: #222;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;
word-break: break-word;
line-height: 1.4;
position: relative;
overflow-x: hidden;
}
hidden,
.hidden {
display: none;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0px;
}
.alignright {
float: right;
margin: 5px 0px 20px 20px;
}
.aligncenter {
margin: 15px auto;
display: block;
clear: both;
text-align: center;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
*,
*:after,
*:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 100;
padding: 0;
margin: 0;
line-height: 1;
}
p {
margin: 0;
}
h1 {
font-size: 35px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 27px;
}
h4 {
font-size: 23px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
a {
text-decoration: none;
-moz-transition: all 0.05s;
-o-transition: all 0.05s;
-webkit-transition: all 0.05s;
transition: all 0.05s;
cursor: pointer;
}
a img {
vertical-align: top;
}
a:hover {
color: #333;
}
img,
video,
object {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}  .header {
padding-bottom: 40px;
position: absolute;
top: 0;
width: 100%;
min-height: 100px;
overflow: visible;
height: auto;
z-index: 200;
}
.header .header-inner {
padding-left: 130px;
padding-right: 130px;
}
@media (max-width: 1200px) {
.header .header-inner {
padding-left: 30px;
padding-right: 30px;
}
}
.header #logo {
float: left;
margin-top: 50px;
}
.header #logo h1 {
text-transform: uppercase;
font-weight: normal;
font-family: 'Novecento Wide', 'Open Sans', sans-serif;
font-size: 25px;
}
.header #logo a {
color: white;
}  #navigation {
float: right;
display: inline-block;
vertical-align: top;
}
#navigation.overlay-visible {
padding-right: 70px;
}
#navigation.overlay-visible #mobile-nav {
right: 60px;
}
#mobile-primary-menu,
#mobile-nav {
display: none;
}
#primary-menu {
font-weight: bold;
margin: 0;
padding: 0;
font-size: 15px;
color: #69ae43;
list-style: none;
}
#primary-menu .current-menu-item a,
#primary-menu .sfHover a {
border-color: #fff;
}
#primary-menu .sfHover a {
display: block;
}
#primary-menu ul a {
color: #969696;
font-weight: 400;
}
#primary-menu li {
list-style: none;
}
#primary-menu ul {
margin: 0;
padding: 0;
}
#primary-menu > li > a {
padding-top: 50px;
padding-bottom: 20px;
border-top: 5px solid transparent;
display: inline-block;
text-transform: uppercase;
}
#primary-menu > li > a:hover {
border-color: #fff;
}
#primary-menu a {
color: #fff;
}
#primary-menu > li {
position: relative;
display: inline-block;
margin-left: 30px;
}
#primary-menu > li:first-child {
border-left: none;
padding-left: 0;
}
#primary-menu > li:hover ul, #primary-menu > li.sfHover ul {
right: 0;
margin-top: 8px; top: 88px; z-index: 99;
}
#primary-menu ul:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid white;
top: -9px;
right: 20px;
}
#primary-menu ul ul:before {
display: none;
}
#primary-menu ul {
position: absolute;
top: -9999em;
width: 180px;
background: #fff;
border: 1px solid #ebebeb;
font-weight: 300;
font-size: 15px;
}
#primary-menu ul li {
max-width: 100%;
padding: 10px;
position: relative;
border-top: 1px solid #ebebeb;
margin: 0;
}
#primary-menu ul li:first-child {
border: none;
}
#primary-menu ul li:hover ul, #primary-menu ul li.sfHover ul {
margin-top: 10px; top: 3.125em; z-index: 99;
}
#primary-menu ul ul {
position: absolute;
left: 0;
top: 0;
}
#primary-menu ul li:hover ul,
#primary-menu ul li.sfHover ul {
top: 0px;
}
.sub-menu {
overflow: visible !important;
} #primary-menu ul li:hover li ul,
#primary-menu ul li.sfHover li ul,
#primary-menu ul li li:hover li ul,
#primary-menu ul li li.sfHover li ul,
#primary-menu ul li li li:hover li ul,
#primary-menu ul li li li.sfHover li ul {
top: -9999em;
} #primary-menu ul li li:hover ul,
#primary-menu ul li li.sfHover ul,
#primary-menu ul li li li:hover ul,
#primary-menu ul li li li.sfHover ul,
#primary-menu ul li li li li:hover ul,
#primary-menu ul li li li li.sfHover ul {
left: 178px !important; top: -180px !important;
}  dl {
margin-left: 30px;
}
dd {
margin-bottom: 20px;
}
.error-404 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
input,
textarea,
select,
button {
font-family: inherit;
max-width: 100%;
-webkit-font-smoothing: antialiased;
}
textarea {
width: 100%;
resize: none;
line-height: 1.5 !important;
}
input[type='submit'],
button,
.button {
-webkit-appearance: none;
border: none;
font-weight: 100;
font-size: 20px;
padding: 11px 10px;
display: inline-block;
cursor: pointer;
width: 200px;
max-width: 100%;
line-height: 1;
text-align: center;
background: #69ae43;
border-radius: 2px;
color: white;
font-weight: bold;
}
input[type='submit']:hover,
button:hover,
.button:hover {
color: white;
}
input[type='submit'].big,
button.big,
.button.big {
width: 340px;
padding: 18px 10px;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='url'],
input[type='number'],
textarea {
border: 1px solid #e6e6e6;
background: #f5f5f5;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
padding: 13px 10px;
word-break: normal;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font: inherit;
font-weight: 100;
color: #696868;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='url']:focus,
input[type='number']:focus,
textarea:focus {
background: #fff;
}
address {
font-style: italic;
}
abbr[title],
acronym[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
strong,
b {
font-weight: bold;
}
em,
dfn,
cite {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup {
font-size: 11px;
vertical-align: top;
}
sub {
font-size: 11px;
vertical-align: bottom;
}
small {
font-size: 11px;
}
del {
text-decoration: line-through;
}
ins {
text-decoration: underline;
}
.mt40 {
margin-top: 40px;
}
.bypostauthor {
color: #626060 !important;
}
.sticky,
.gallery-caption {
color: #222;
}  .container {
background: #fff;
padding: 100px 130px;
margin-top: -140px;
position: relative;
z-index: 10;
-moz-transition: margin 0.2s;
-o-transition: margin 0.2s;
-webkit-transition: margin 0.2s;
transition: margin 0.2s;
}
@media screen and (min-width: 700px) {
.home .container {
margin-top: -200px;
padding: 30px;
}
}
.page-template-template-widgetized .container {
margin-top: -140px;
padding: 30px;
}
@media (max-width: 768px) {
.container {
margin-top: 0px;
}
}
@media (max-width: 1200px) {
.container {
padding: 30px;
}
}
#primary.full {
width: 100% !important;
}
@media screen and (min-width: 768px) {
.layout-2cr #primary {
width: 66%;
float: left;
}
}
@media screen and (min-width: 768px) {
.layout-2cr #secondary {
width: 29%;
float: right;
}
}
@media screen and (min-width: 768px) {
.layout-2cl #primary {
width: 66%;
float: right;
}
}
@media screen and (min-width: 768px) {
.layout-2cl #secondary {
width: 29%;
float: left;
}
}
.homepage-1-widgets, .stag-custom-widget-area,
.widgetized-sections {
margin: -30px;
} .page-template-template-layout-builder .container {
padding: 0;
}
.page-template-template-layout-builder .elementor-widget-container {
padding: 30px;
position: relative;
}
@media screen and (max-width: 1299px) {
.page-template-template-layout-builder .elementor-widget-container {
padding: 0;
}
}
.page-template-template-layout-builder #primary {
width: 100%;
float: none;
}
blockquote {
padding: 30px 30px 30px 100px;
position: relative;
font-weight: 100;
line-height: 1.3;
font-size: 28px;
color: #222;
margin: 20px 0;
}
blockquote:before {
position: absolute;
content: '\e01d';
top: 35px;
left: 30px;
font-family: 'stag';
font-size: 30px;
}
blockquote p:only-of-type {
margin: 0;
}
.layout-1cf blockquote {
width: 80%;
margin: 0 auto;
}
.entry-content {
font-size: 19px;
line-height: 1.8;
}
.entry-content p {
margin: 0 0 40px 0;
}
.entry-content .more-link {
background-color: transparent;
display: block;
font-size: 19px;
margin-top: 20px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 1em 0;
font-weight: normal;
}
.layout-1cf.single .entry-content, .layout-1cf.blog .entry-content {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.post-meta {
color: #bbb;
font-size: 14px;
margin-bottom: 5px;
}
.portfolio-meta {
background: #f5f5f5;
margin-bottom: 30px;
padding: 15px;
text-transform: uppercase;
font-size: 13px;
color: #6c6c6c;
}
.portfolio-meta span:before {
content: '/';
margin-left: 15px;
margin-right: 15px;
}
.portfolio-meta span:first-child:before {
display: none;
}
.entry-meta {
border-top: 2px solid #ebebeb;
color: #bbbbbb;
position: relative;
}
.entry-meta .icon-video {
font-size: 19px;
padding-top: 12px !important;
}
.entry-meta.top {
margin-bottom: 30px;
}
@media screen and (max-width: 700px) {
.entry-meta .published {
margin-top: 10px;
}
}
.entry-meta > span {
margin-right: 15px;
}
@media screen and (max-width: 700px) {
.entry-meta > span {
margin-bottom: 5px;
margin-right: 0;
display: block;
}
}
.entry-meta .post-icon {
margin-top: -1px;
display: inline-block;
margin-bottom: 5px;
}
@media screen and (max-width: 700px) {
.entry-meta .post-icon {
float: left;
padding-right: 20px;
padding-bottom: 30px;
}
.entry-meta .post-icon + .divider {
display: none;
}
}
@media screen and (max-width: 768px) {
.entry-meta .comment-count {
display: none;
}
}
.entry-meta .divider {
color: #bbbbbb;
}
@media screen and (max-width: 700px) {
.entry-meta .divider {
display: none;
}
}
.entry-meta .icon {
color: #fff;
display: inline-block;
padding-top: 15px;
width: 40px;
height: 40px;
text-align: center;
}
.layout-1cf.single .entry-meta, .layout-1cf.blog .entry-meta {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.entry-title {
font-size: 35px;
line-height: 1.2;
margin-bottom: 30px;
font-weight: 500;
}
.entry-title a {
color: #222;
}
.layout-1cf.single .entry-title, .layout-1cf.blog .entry-title {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.layout-1cf .post_format-post-format-quote .entry-title, .layout-1cf .post_format-post-format-link .entry-title {
max-width: initial;
}
.page-title, .format-status .entry-content, .sidebar .widget-title, #reply-title, #comments, .footer .widget-title {
font-size: 35px;
margin-bottom: 30px;
}
.page-title {
margin-bottom: 50px;
}
.format-status .entry-content {
font-weight: 100;
line-height: 1.3;
}
.format-chat .entry-content {
color: #908f8f;
}
.format-chat .entry-content p {
padding: 7px 10px;
margin: 4px 0;
}
.format-chat .entry-content p:nth-child(even) {
background: #f5f5f5;
}
.hfeed .hentry {
margin-bottom: 80px;
}
.hentry .post-thumb img {
width: 100%;
}
.hentry .entry-meta {
font-size: 14px;
text-transform: uppercase;
margin-top: 30px;
padding-top: 30px;
}
.hentry .post-thumb {
margin-bottom: 30px;
}
.link-wrapper, .quote-wrapper {
padding: 30px 30px 30px 100px;
margin-bottom: 30px;
color: white;
position: relative;
}
.link-wrapper .entry-title a, .quote-wrapper .entry-title a {
color: #fff;
}
.link-wrapper .entry-title, .quote-wrapper .entry-title {
margin-bottom: 10px;
}
.link-wrapper:before, .quote-wrapper:before {
position: absolute;
content: '\e01e';
font-size: 35px;
font-family: 'stag';
left: 30px;
top: 28px;
}
.link-wrapper a, .quote-wrapper a {
color: #fff;
}
.quote-wrapper {
background: #2b373c;
}
.quote-wrapper:before {
content: '\e01d';
font-size: 30px;
}
.static-content .entry-content,
.section-clients .grids {
margin-top: 50px;
}
.section-clients figure {
text-align: center;
}
.section-block, .stag-custom-widget-area .widget,
.widgetized-sections .widget, .widgetized-sections > .entry-content {
border-top: 2px solid #ebebeb;
padding: 100px 130px;
position: relative;
}
.section-block:first-child, .stag-custom-widget-area .widget:first-child,
.widgetized-sections .widget:first-child, .widgetized-sections > .entry-content:first-child {
border: none;
}
@media (max-width: 1200px) {
.section-block, .stag-custom-widget-area .widget,
.widgetized-sections .widget, .widgetized-sections > .entry-content {
padding: 80px 30px;
}
}
.section-block:before, .stag-custom-widget-area .widget:before,
.widgetized-sections .widget:before, .widgetized-sections > .entry-content:before {
position: absolute;
content: '';
width: 100px;
height: 6px;
background: #ebebeb;
left: 130px;
top: 0;
}
@media (max-width: 1200px) {
.section-block:before, .stag-custom-widget-area .widget:before,
.widgetized-sections .widget:before, .widgetized-sections > .entry-content:before {
left: 30px;
}
}
.section-block .section-title, .stag-custom-widget-area .widget .section-title,
.widgetized-sections .widget .section-title, .widgetized-sections > .entry-content .section-title,
.section-block .widgettitle,
.stag-custom-widget-area .widget .widgettitle,
.widgetized-sections .widget .widgettitle,
.widgetized-sections > .entry-content .widgettitle,
.section-block .widget-title,
.stag-custom-widget-area .widget .widget-title,
.widgetized-sections .widget .widget-title,
.widgetized-sections > .entry-content .widget-title {
font-size: 35px;
font-weight: 500;
line-height: 1;
margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
.section-block .section-title, .stag-custom-widget-area .widget .section-title,
.widgetized-sections .widget .section-title, .widgetized-sections > .entry-content .section-title,
.section-block .widgettitle,
.stag-custom-widget-area .widget .widgettitle,
.widgetized-sections .widget .widgettitle,
.widgetized-sections > .entry-content .widgettitle,
.section-block .widget-title,
.stag-custom-widget-area .widget .widget-title,
.widgetized-sections .widget .widget-title,
.widgetized-sections > .entry-content .widget-title {
font-size: 30px;
}
}
.section-block .subtitle, .stag-custom-widget-area .widget .subtitle,
.widgetized-sections .widget .subtitle, .widgetized-sections > .entry-content .subtitle {
font-size: 14px;
text-transform: uppercase;
}
.section-block.latest-posts .button, .stag-custom-widget-area .latest-posts.widget .button,
.widgetized-sections .latest-posts.widget .button, .widgetized-sections > .latest-posts.entry-content .button {
width: 100%;
max-width: 340px;
min-width: 140px;
}
@media screen and (min-width: 700px) {
.section-block.latest-posts .button, .stag-custom-widget-area .latest-posts.widget .button,
.widgetized-sections .latest-posts.widget .button, .widgetized-sections > .latest-posts.entry-content .button {
float: right;
}
}
@media screen and (max-width: 480px) {
.section-block.latest-posts .button, .stag-custom-widget-area .latest-posts.widget .button,
.widgetized-sections .latest-posts.widget .button, .widgetized-sections > .latest-posts.entry-content .button {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.section-block.latest-posts .posts-wrapper, .stag-custom-widget-area .latest-posts.widget .posts-wrapper,
.widgetized-sections .latest-posts.widget .posts-wrapper, .widgetized-sections > .latest-posts.entry-content .posts-wrapper {
margin-top: 50px;
}
@media screen and (min-width: 700px) {
.section-block.latest-posts .featured-post, .stag-custom-widget-area .latest-posts.widget .featured-post,
.widgetized-sections .latest-posts.widget .featured-post, .widgetized-sections > .latest-posts.entry-content .featured-post {
float: left;
width: 66%;
}
}
@media screen and (min-width: 700px) {
.section-block.latest-posts .regular-posts, .stag-custom-widget-area .latest-posts.widget .regular-posts,
.widgetized-sections .latest-posts.widget .regular-posts, .widgetized-sections > .latest-posts.entry-content .regular-posts {
float: right;
width: 29%;
}
}
@media screen and (max-width: 699px) {
.section-block.latest-posts .regular-posts, .stag-custom-widget-area .latest-posts.widget .regular-posts,
.widgetized-sections .latest-posts.widget .regular-posts, .widgetized-sections > .latest-posts.entry-content .regular-posts {
margin-top: 50px;
}
}
.section-block.latest-posts .regular-posts .hentry, .stag-custom-widget-area .latest-posts.widget .regular-posts .hentry,
.widgetized-sections .latest-posts.widget .regular-posts .hentry, .widgetized-sections > .latest-posts.entry-content .regular-posts .hentry {
margin-bottom: 30px;
}
.section-block.latest-posts .regular-posts .entry-meta, .stag-custom-widget-area .latest-posts.widget .regular-posts .entry-meta,
.widgetized-sections .latest-posts.widget .regular-posts .entry-meta, .widgetized-sections > .latest-posts.entry-content .regular-posts .entry-meta {
margin: 0 0 5px 0;
}
.section-block.latest-posts .regular-posts .entry-title, .stag-custom-widget-area .latest-posts.widget .regular-posts .entry-title,
.widgetized-sections .latest-posts.widget .regular-posts .entry-title, .widgetized-sections > .latest-posts.entry-content .regular-posts .entry-title {
font-size: 22px;
line-height: 1.2;
font-weight: 300;
}
.widgetized-sections > .entry-content:before {
display: none;
}
@media (max-width: 480px) {
.widgetized-sections > .entry-content {
padding: 20px 30px;
}
}
.custom-icon {
float: left;
}
.services-section .icon,
.grid-4.service .icon {
width: 60px;
font-size: 65px;
text-align: center;
float: left;
}
.services-section .icon-browser,
.grid-4.service .icon-browser {
font-size: 60px;
}
.service--content {
padding-left: 100px;
}
.service--content h4 {
margin: 0;
}
.service__title {
font-weight: normal;
font-size: 25px;
}
.service__description {
color: #a2a2a2;
margin-top: 20px;
font-size: 17px;
line-height: 1.5;
}
.all-services {
overflow: visible;
}
.all-services .service {
margin-top: 50px;
}
@media (min-width: 701px) and (max-width: 1000px) {
.portfolio-items div.portfolio {
width: 47%;
}
.portfolio-row {
display: inline;
}
.open:before {
bottom: -27px !important;
}
}
.portfolio-items .button,
.elementor-widget-wp-widget-stag_widget_portfolio .button {
width: 100%;
max-width: 340px;
min-width: 140px;
}
@media screen and (max-width: 480px) {
.portfolio-items .button,
.elementor-widget-wp-widget-stag_widget_portfolio .button {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
@media screen and (min-width: 700px) {
.portfolio-items .button,
.elementor-widget-wp-widget-stag_widget_portfolio .button {
float: right;
}
}
.portfolio-items .icon-eye,
.elementor-widget-wp-widget-stag_widget_portfolio .icon-eye {
font-size: 17px;
padding-top: 2px;
display: inline-block;
vertical-align: top;
}
.portfolio-items .icon-post-link,
.elementor-widget-wp-widget-stag_widget_portfolio .icon-post-link {
font-size: 14px;
margin-top: -3px;
}
.home .portfolio-items .portfolios, .stag-custom-widget-area .portfolio-items .portfolios, .widgetized-sections .portfolio-items .portfolios, .home
.elementor-widget-wp-widget-stag_widget_portfolio .portfolios, .stag-custom-widget-area
.elementor-widget-wp-widget-stag_widget_portfolio .portfolios, .widgetized-sections
.elementor-widget-wp-widget-stag_widget_portfolio .portfolios {
margin-top: 50px;
}
.portfolio-items .portfolio-navigation,
.elementor-widget-wp-widget-stag_widget_portfolio .portfolio-navigation {
position: absolute;
bottom: 20px;
left: 20px;
}
.portfolio-items .overlay,
.elementor-widget-wp-widget-stag_widget_portfolio .overlay {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
position: absolute;
background: #2b373c;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
background: rgba(43, 55, 60, 0.9);
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
padding: 20px;
}
.portfolio-items .overlay a,
.elementor-widget-wp-widget-stag_widget_portfolio .overlay a {
color: #fff;
}
.portfolio-items .overlay .accent-background,
.elementor-widget-wp-widget-stag_widget_portfolio .overlay .accent-background {
display: inline-block;
line-height: 1;
padding-top: 11px;
font-size: 18px;
text-align: center;
width: 50px;
height: 40px;
margin-right: -0.16em;
}
.portfolio-items .portfolio,
.elementor-widget-wp-widget-stag_widget_portfolio .portfolio {
position: relative;
margin-bottom: 3%;
}
@media screen and (max-width: 700px) {
.portfolio-items .portfolio,
.elementor-widget-wp-widget-stag_widget_portfolio .portfolio {
margin-bottom: 30px;
}
}
.portfolio-items .portfolio:hover .overlay,
.elementor-widget-wp-widget-stag_widget_portfolio .portfolio:hover .overlay {
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
}
.portfolio-items .portfolio.open:before,
.elementor-widget-wp-widget-stag_widget_portfolio .portfolio.open:before {
position: absolute;
content: '';
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #303030;
bottom: -37px;
right: 50%;
margin-right: -15px;
}
.portfolio-items .portfolio img,
.elementor-widget-wp-widget-stag_widget_portfolio .portfolio img {
width: 100%;
vertical-align: bottom;
}
.static-content .static-content-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.static-content .hentry {
z-index: 2;
position: relative;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_portfolio,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_clients,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_services_section,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr {
border-top: 1px solid #ebebeb;
padding: 50px 30px;
position: relative;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_portfolio h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_clients h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_services_section h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr h5 {
font-size: 52px;
line-height: 1;
margin: 0 0 15px 0;
}
@media screen and (max-width: 480px) {
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_portfolio h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_clients h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_services_section h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram h5,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr h5 {
font-size: 30px;
}
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_portfolio .subtitle,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .subtitle,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_clients .subtitle,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_services_section .subtitle,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content .subtitle,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram .subtitle,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr .subtitle {
font-size: 14px;
text-transform: uppercase;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_portfolio:before,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post:before,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_clients:before,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_services_section:before,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content:before,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram:before,
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr:before {
position: absolute;
content: '';
width: 100px;
height: 6px;
background: #ebebeb;
left: 0;
top: 0;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_portfolio .portfolios {
margin-top: 50px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .posts-wrapper {
margin-top: 50px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .button {
width: 100%;
max-width: 340px;
min-width: 140px;
}
@media screen and (min-width: 700px) {
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .button {
float: right;
}
}
@media screen and (max-width: 480px) {
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .button {
display: block;
width: 100%;
margin-bottom: 20px;
}
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .posts-wrapper {
margin-top: 50px;
}
@media screen and (min-width: 700px) {
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .featured-post {
float: left;
width: 66%;
}
}
@media screen and (min-width: 700px) {
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .regular-posts {
float: right;
width: 29%;
}
}
@media screen and (max-width: 699px) {
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .regular-posts {
margin-top: 50px;
}
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .regular-posts .hentry {
margin-bottom: 30px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .regular-posts .entry-meta {
margin: 0 0 5px 0;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_latest_post .regular-posts .entry-title {
font-size: 22px;
line-height: 1.2;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_clients .grids {
margin-top: 50px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content .entry-content {
margin-top: 50px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram h5 {
margin-bottom: 50px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram ul {
list-style: none;
margin: 0;
padding: 0;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-instagram li {
width: 33.33%;
display: inline-block;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr h5 {
margin-bottom: 50px;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag-flickr ul {
list-style: none;
margin: 0;
padding: 0;
}
.page-template-template-builder-full-width .elementor-widget-wp-widget-stag_widget_static_content .static-content-cover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
background-repeat: no-repeat;
background-position: center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
}
.gateway-close {
position: absolute;
top: 10px;
right: 0px;
z-index: 10;
}
.gateway-close a {
display: block;
}
.gateway-close .icon-close {
color: #fff;
cursor: pointer;
font-size: 22px;
}
.gateway-show {
width: 100%;
position: relative;
z-index: 10000;
overflow: hidden;
color: #fff;
float: left;
display: block;
padding: 30px;
background: #303030;
}
.gateway-show .portfolio {
margin-bottom: 0;
}
.gateway-show .entry-title {
display: inline-block;
padding-right: 20px;
}
.gateway-show .post-thumb {
margin: 0;
}
.gateway-show a {
color: #fff;
}
.gateway-show .read-more {
font-weight: bold;
}
.gateway-show img {
vertical-align: bottom;
}
.gateway-show .right-side {
position: relative;
}
.portfolio-filter {
margin: -35px 0 50px 0;
padding: 0;
list-style: none;
font-weight: 100;
font-size: 19px;
color: #d0d0d0;
}
.portfolio-filter a {
color: #5c5c5c;
}
.portfolio-filter a.current {
color: #bfbfbf;
}
.portfolio-filter li {
display: inline-block;
}
.portfolio-filter li:before {
content: '/';
margin-left: 25px;
margin-right: 25px;
}
.portfolio-filter li:first-child:before {
display: none;
}
@media screen and (max-width: 767px) {
.portfolio-filter li {
display: block;
}
.portfolio-filter li::before {
display: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.portfolio-filter {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
}
.portfolio-items {
margin-top: 40px;
}
.page-template-template-widgetized .portfolio-items {
margin-top: 0;
}
.custom-background {
min-height: 440px;
repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.custom-background {
min-height: auto;
}
}
@media screen and (max-width: 768px) {
.custom-background {
min-height: 100px;
height: auto;
}
}
@media screen and (min-width: 700px) {
.home .custom-background {
min-height: 720px;
}
}
.page-template-template-widgetized .custom-background {
min-height: 440px;
}
.custom-background-content {
max-width: 1440px;
margin: 0px auto 0;
padding: 140px 130px 0;
color: #fff;
}
@media screen and (max-width: 768px) {
.custom-background-content {
padding-top: 130px;
padding-bottom: 40px;
}
}
.custom-background-content h2 {
font-family: 'Novecento Wide', 'Open Sans', sans-serif;
font-weight: 700;
font-size: 50px;
line-height: 1;
margin-bottom: 20px;
}
@media screen and (min-width: 700px) {
.home .custom-background-content h2 {
font-size: 80px;
}
}
.custom-background-content h3 {
font-size: 30px;
line-height: 1.2;
}
@media screen and (min-width: 700px) {
.home .custom-background-content h3 {
font-size: 40px;
}
}
@media (max-width: 1200px) {
.custom-background-content {
padding: 140px 30px 60px;
}
}
.flexslider {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
margin: 0 0 25px 0;
}
.flex-control-nav {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
width: auto;
background: rgba(43, 55, 60, 0.5);
padding: 10px 20px 0px;
height: 40px;
}
.flex-control-paging li a {
background: none;
border: 2px solid #fff;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-transition: color, background 0.12s linear;
-o-transition: color, background 0.12s linear;
-webkit-transition: color, background 0.12s linear;
transition: color, background 0.12s linear;
}
.flex-control-paging li a:hover {
background: none;
}
.flex-control-paging li a.flex-active {
background: #fff;
}
.sidebar .flex-control-paging a {
border-color: #a2a1a1;
}
.sidebar .flex-control-paging a.flex-active {
background: #a2a1a1;
}
.widget.featured-portfolio {
margin-bottom: 80px !important;
}
.widget.featured-portfolio .flex-control-paging {
bottom: -20px;
left: 5px;
color: white;
padding: 0;
background: none;
}
.widget.featured-portfolio .flex-control-paging li {
margin: 0 2px;
}
.widget.featured-portfolio .flexslider {
overflow: visible !important;
background: transparent;
}
.sidebar .widget-title {
border-bottom: 2px solid #ebebeb;
padding-bottom: 30px;
font-size: 20px;
font-weight: 700;
}
.sidebar .widget {
margin-bottom: 50px;
}
.sidebar ul {
margin: 0;
padding: 0;
}
.sidebar li {
list-style: none;
margin-bottom: 15px;
}
.sidebar .widget_archive ul,
.sidebar .widget_categories ul {
font-size: 19px;
color: #a2a1a1;
line-height: 27px;
}
.sidebar a {
color: #5c5c5c;
}
.sidebar p {
margin-bottom: 20px;
}  .lr-navigation {
position: absolute;
top: -90px;
right: 130px;
}
.lr-navigation .nav-links > div {
margin-right: -0.15em;
background: black;
background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1200px) {
.lr-navigation {
right: 30px;
}
}
.paging-navigation .nav-links > div {
display: inline-block;
}
.paging-navigation .nav-links a {
display: inline-block;
color: #fff;
padding: 19px 20.5px 15px;
line-height: 1;
}
.paging-navigation .page-numbers {
display: inline-block;
color: #fff;
padding: 17px 20.5px;
line-height: 1;
}
.paging-navigation a {
color: #fff;
}
.paging-navigation .current {
background: #2b373c;
}  #respond-wrap,
#comment-wrap {
margin: 30px 0;
position: relative;
border-top: 2px solid #ebebeb;
padding-top: 45px;
}
#respond-wrap:before,
#comment-wrap:before {
position: absolute;
content: '';
width: 100px;
height: 6px;
background: #ebebeb;
left: 0;
top: 0px;
}
.layout-1cf #respond-wrap, .layout-1cf
#comment-wrap {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
#reply-title {
border-bottom: 1px solid #ebebeb;
padding-bottom: 45px;
font-size: 35px;
font-weight: 500;
}
.comments-header {
border-bottom: 2px solid #ebebeb;
padding-top: 20px;
padding-bottom: 50px;
}
#comments {
float: left;
}
.avatar-wrap {
float: left;
}
.comment-area {
padding-left: 90px;
}
.comment-reply-link {
float: right;
text-transform: uppercase;
font-size: 14px;
}
.portfolio-items .section-title,
.latest-posts .section-title, .comment-author, .comment-date {
display: inline-block;
}
.comment-author {
margin-right: 20px;
text-transform: uppercase;
}
.comment-text {
margin-top: 20px;
}
#respond label,
#respond .comment-form-comment span {
display: block;
font-size: 20px;
font-weight: 100;
margin-bottom: 10px;
}
.commentlist #respond {
margin-top: 40px;
}
#respond .section-description,
#respond .comment-form-email span {
font-size: 16px;
color: #949494;
float: right;
margin-top: 10px;
}
@media screen and (max-width: 899px) {
#respond .section-description,
#respond .comment-form-email span {
display: block;
float: none;
text-align: left;
margin-top: 15px;
}
}
.respond-button, .project-button, #submit, input[type='submit'].contact-form-button {
display: inline-block;
float: right;
width: 230px;
font-size: 16px;
padding-top: 14px;
padding-bottom: 14px;
}
.project-button {
float: none;
width: auto;
width: 300px;
margin-top: 30px;
}
#load-more {
float: none;
width: 370px;
padding-top: 20px;
padding-bottom: 20px;
display: block;
margin: 30px auto 0 auto;
}
#submit {
float: none;
}
#commentform {
margin-top: 20px;
}
#commentform p {
margin-top: 30px;
}
.comment-form-email span {
margin-top: 0 !important;
}
@media screen and (max-width: 899px) {
.comment-form-email span {
display: none !important;
}
}
@media screen and (min-width: 700px) {
.comment-form-author {
margin-right: 5%;
}
}
@media screen and (min-width: 700px) {
.comment-form-author,
.comment-form-email {
display: inline-block;
vertical-align: top;
width: 47%;
}
}
.comment-form-author input,
.comment-form-email input {
width: 100%;
max-width: 100%;
}
.avatar {
width: 70px;
}
.commentlist {
margin: 0;
padding: 0;
}
.commentlist > li:last-child {
border-bottom: none;
}
.commentlist li {
list-style: none;
padding: 50px 0;
border-bottom: 2px solid #ebebeb;
}  .widget_recent_entries li {
position: relative;
padding-top: 20px;
list-style: none;
}
.widget_recent_entries a {
font-size: 19px;
line-height: 27px;
display: inline-block;
}
.widget_recent_entries .post-date {
color: #bbb;
font-size: 14px;
display: block;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.footer .widget_recent_entries a {
color: #fff;
}
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_rss ul {
font-size: 19px;
line-height: 27px;
}
.widget_text .textwidget {
font-size: 19px;
line-height: 27px;
}
.flickr_badge_image {
display: inline-block;
margin: 0 0 3% 3%;
vertical-align: top;
width: 30%;
max-width: 75px;
margin-right: -0.25em;
margin-top: -0.25em;
}
.flickr_badge_image img {
width: 100%;
}
.twitter-feeds li,
.stag-twitter li {
margin-bottom: 25px;
}
.twitter-feeds a,
.stag-twitter a {
color: inherit;
}
.twitter-feeds p,
.stag-twitter p {
margin: 0 !important;
}
.twitter-feeds .time,
.stag-twitter .time {
font-size: small;
margin-top: 8px;
display: block;
font-size: 12px;
text-transform: uppercase;
}
.twitter-feeds .time a,
.stag-twitter .time a {
color: #5c5c5c !important;
}
.social-icons {
margin: 30px 0;
}
.social-icons .icon {
display: inline-block;
vertical-align: top;
font-size: 30px;
width: 69px;
margin-right: 1px;
margin-bottom: 1px;
height: 69px;
padding-top: 22px;
text-align: center;
background: #cccccc;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.social-icons .icon-myspace {
font-size: 10px;
padding-top: 32px;
}
.social-icons .icon-soundcloud {
font-size: 22px;
}
.social-icons .icon-flickr {
font-size: 18px;
padding-top: 28px;
}
.social-icons a {
border: none !important;
color: #fff;
}
.social-icons a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
opacity: 0.65;
}
.google-map {
margin-bottom: 30px;
}
.page-template-template-contact-php .section-description {
font-size: 16px;
color: #949494;
float: right;
margin-top: 10px;
vertical-align: top;
}
@media screen and (max-width: 899px) {
.page-template-template-contact-php .section-description {
display: block;
float: none;
text-align: left;
margin-top: 15px;
}
}
.page-template-template-contact-php #reply-title {
margin-bottom: 50px;
position: relative;
border-top: 1px solid #ebebeb;
padding-top: 45px;
}
.page-template-template-contact-php #reply-title:before {
position: absolute;
content: '';
width: 100px;
height: 6px;
background: #ebebeb;
left: 0;
top: 0px;
}
.contact-form input[type='text'] {
width: 100%;
}
.contact-form label {
font-weight: 100;
display: block;
margin-bottom: 10px;
font-size: 17px;
}
.contact-form p {
margin: 30px 0;
}
.contact-form span {
font-size: 13px;
float: right;
color: #cacaca;
}
input[type='submit'].contact-form-button {
float: none;
font-weight: normal;
font-size: 17px;
width: 240px;
}  .jp-audio,
.jp-video {
margin-bottom: 30px;
}
.jp-gui {
position: relative;
margin-top: -4px;
}
.jp-interface {
position: relative;
background: #2b373c;
padding: 29px 20px 27.5px 35px;
max-height: 82px;
clear: both;
overflow: hidden;
}
.jp-interface a {
border: none !important;
color: #fff;
}
.jp-interface a:hover {
color: #fff;
}
.jp-interface .icon-play,
.jp-interface .icon-pause {
font-size: 17px;
}
.jp-interface .icon-volume {
font-size: 9px;
}
[class*='jp-'] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.jp-seek-bar,
.jp-volume-bar {
background: #222c30;
}
.jp-play,
.jp-pause {
position: absolute;
top: 32px;
left: 5%;
height: 0;
}
.jp-progress {
width: 47%;
height: 10px;
cursor: pointer;
position: absolute;
top: 36px;
left: 10%;
right: 0;
bottom: 0;
}
.jp-seek-bar {
width: 100% !important;
}
.jp-controls {
float: left;
vertical-align: top;
}
.jp-controls li {
display: inline-block;
}
.jp-volume-bar {
max-width: 180px;
width: 23.4%;
height: 10px;
display: inline-block;
vertical-align: top;
position: absolute;
top: 36px;
cursor: pointer;
right: 4%;
}
.jp-duration {
position: absolute;
top: 31px;
left: 58%;
font-size: 13px;
}
.jp-full-screen,
.jp-restore-screen {
position: absolute;
top: 30px;
right: 20px;
}
.jp-video-full {
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
z-index: 1000;
}
.jp-video-full .jp-interface {
background: #333;
background: rgba(0, 0, 0, 0.5);
}
.jp-video-full .jp-gui {
z-index: 100000;
position: absolute;
bottom: 50px;
width: 100%;
max-width: 860px;
margin-left: -430px;
left: 50%;
right: 50%;
}
.jp-play-bar,
.jp-volume-bar-value {
-moz-transition: all 0.08s ease-in;
-o-transition: all 0.08s ease-in;
-webkit-transition: all 0.08s ease-in;
transition: all 0.08s ease-in;
}
.jp-volume-bar-value {
height: 10px;
background: #fff;
}
.jp-play-bar {
background: #fff;
height: 10px;
}
.jp-mute,
.jp-unmute {
position: absolute;
right: 29%;
top: 28px;
height: 0;
}
.jp-unmute {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
}
.jp-jplayer {
width: 100% !important;
height: auto !important;
}
.jp-jplayer video {
width: 100% !important;
height: auto !important;
}
.jp-audio .jp-jplayer {
height: 0 !important;
}
.jp-video .jp-jplayer {
position: relative;
overflow: hidden;
}
.jp-video .jp-jplayer video,
.jp-video .jp-jplayer object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
}  .footer {
background: #2b373c;
color: #fff;
padding: 100px 130px;
list-style: none;
}
.footer .inside {
margin-left: -3%;
}
@media (max-width: 1200px) {
.footer {
padding: 80px 30px 30px 30px;
}
}
@media (max-width: 640px) {
.footer .inside {
margin-left: 0;
}
}
.footer .widget-title {
font-size: 20px;
font-weight: 700;
border-bottom: 2px solid rgba(255, 255, 255, 0.1);
padding-bottom: 30px;
}
.footer li {
list-style: none;
}
.footer .twitter-feeds li {
color: white;
margin-bottom: 25px;
}
.footer .time a {
color: white;
}
.footer .widget {
line-height: 1.4;
margin-bottom: 30px;
}
.footer .widget p {
margin-bottom: 20px;
}
.footer ul {
margin: 0;
padding: 0;
}
.footer a:hover {
color: #fff;
}
.footer li {
margin-bottom: 15px;
}
.footer .widget_archive select,
.footer .widget_categories select {
display: block;
margin-top: 20px;
width: 100%;
}
.footer .widget_archive label,
.footer .widget_categories label {
font-size: 19px;
}
.footer .widget_calendar #wp-calendar {
width: 100%;
margin-bottom: 20px;
}
.footer .widget_calendar #wp-calendar th {
text-align: left;
}
.footer .widget_calendar #wp-calendar tfoot {
margin-top: 10px;
}
.footer .widget_calendar caption {
margin-bottom: 20px;
text-align: left;
font-size: 19px;
}
footer.copyright {
background: #283135;
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.page-template-template-builder-full-width footer.copyright {
max-width: none;
}
.page-template-template-builder-full-width footer.copyright .inside {
padding: 0 30px;
}
.page-template-template-builder-full-width footer.copyright .grid-4 {
padding: 25px 0;
margin: 0;
}
.page-template-template-builder-full-width footer.copyright .jetpack-social-navigation {
padding: 0;
}
.ie8 footer.copyright {
max-width: 1290px !important;
}
footer.copyright a:hover {
color: #fff;
}
footer.copyright .grid-4 {
padding: 25px 0px 25px 30px;
}
footer.copyright .grid-8,
footer.copyright .grid-4 {
margin-bottom: 0;
}
footer.copyright .social-icons {
margin: 0;
}
@media screen and (min-width: 700px) {
footer.copyright .social-icons {
text-align: right;
}
}
@media screen and (max-width: 699px) {
footer.copyright .social-icons {
padding: 0 30px;
}
}
footer.copyright .jetpack-social-navigation {
margin: 0;
}
@media screen and (min-width: 700px) {
footer.copyright .jetpack-social-navigation {
text-align: right;
}
}
@media screen and (max-width: 699px) {
footer.copyright .jetpack-social-navigation {
padding: 0 30px;
}
}
footer.copyright .jetpack-social-navigation .screen-reader-text {
display: none;
}
footer.copyright .jetpack-social-navigation .menu {
float: right;
margin-bottom: 0;
}
@media screen and (max-width: 699px) {
footer.copyright .jetpack-social-navigation .menu {
float: none;
margin-bottom: 20px;
display: inline-block;
}
}
footer.copyright .jetpack-social-navigation .menu-item {
display: block;
float: left;
margin-right: 1px;
margin-bottom: 1px;
}
@media screen and (max-width: 699px) {
footer.copyright .jetpack-social-navigation .menu-item {
display: inline-block;
float: none;
}
}
footer.copyright .jetpack-social-navigation a {
display: inline-block;
vertical-align: top;
font-size: 30px;
width: 69px;
height: 69px;
padding-top: 22px;
text-align: center;
background: #cccccc;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
color: #fff;
}
footer.copyright .jetpack-social-navigation a:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
opacity: 0.65;
}
.portfolio-loading {
color: white;
font-size: 30px;
text-align: center;
display: none;
}
.ie8 .portfolio-loading, .ie9 .portfolio-loading {
display: block;
}
.the-video-player {
margin-bottom: 30px;
}
#searchform label {
display: none;
}
#searchform #s {
width: 100%;
margin-bottom: 20px;
}
#searchform #searchsubmit {
max-width: 120px;
}   @media only screen and (max-width: 992px) {
#primary-menu {
display: none;
}
#navigation {
position: relative;
float: none;
width: 100%;
}
#mobile-nav {
text-align: center;
display: block;
position: absolute;
top: -35px;
right: 0px;
z-index: 2;
color: #fff;
font-size: 28px;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#mobile-primary-nav-wrap {
width: 100%;
}
#mobile-primary-menu {
margin: 20px 0 0 0;
padding: 20px;
background: #fff;
border: 1px solid #ebebeb;
position: absolute;
width: 100%;
z-index: 5;
}
#mobile-primary-menu a {
color: #5c5c5c;
}
#mobile-primary-menu > li:first-child {
border: none;
}
#mobile-primary-menu li {
border-top: 1px solid #ebebeb;
padding: 3px 0;
list-style: none;
}
#mobile-primary-menu li a {
display: block;
padding: 5px 0;
}
#mobile-primary-menu .sub-menu {
padding-left: 20px;
}
} @media only screen and (max-width: 768px) {
.gateway-show .left-side {
margin-bottom: 30px;
}
.paging-navigation .nav-links {
margin-top: 30px;
margin-bottom: 30px;
}
.lr-navigation {
top: -105px;
}
}
@media only screen and (max-width: 700px) {
.portfolio-meta span:before {
display: none;
}
.portfolio-meta span {
display: block;
margin-bottom: 5px;
}
}
@media only screen and (min-width: 701px) {
.gateway-show {
margin: 0 0 3% 3%;
width: 97%;
}
}
@media only screen and (min-width: 769px) {
.paging-navigation > div {
display: inline-block;
vertical-align: top;
}
.paging-navigation .nav-links {
float: right;
}
.paging-navigation .pages {
float: left;
}
.gateway-show .right-side {
float: right;
width: 30%;
}
.gateway-show .left-side {
width: 66.6%;
float: left;
}
}
@media (min-width: 481px) and (max-width: 768px) {
.custom-background-content h3 {
padding-right: 110px;
}
} @media (max-width: 480px) {
body {
font-size: 15px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 21px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.open:before {
bottom: -30px !important;
}
.avatar-wrap {
display: none;
}
.lr-navigation {
display: none;
}
.comment-area {
padding-left: 0;
}
ul.children {
padding-left: 20px;
}
.commentlist li {
padding: 30px 0;
}
blockquote {
font-size: 23px;
line-height: 1.4;
padding: 20px 20px 20px 70px;
}
blockquote:before {
top: 25px;
left: 20px;
font-size: 23px;
}
.entry-title {
font-size: 25px;
}
.page-title, .format-status .entry-content, .sidebar .widget-title, #reply-title, #comments, .footer .widget-title {
font-size: 25px;
}
.custom-background-content h2 {
font-size: 35px;
}
.custom-background-content h3 {
font-size: 25px;
}
.hfeed .hentry {
margin-bottom: 50px;
}
.jp-volume-bar {
width: 22%;
left: 73%;
}
.jp-progress {
width: 35%;
}
.jp-duration {
left: 48%;
}
.respond-button, .project-button, #submit, input[type='submit'].contact-form-button {
width: 100%;
float: none;
display: block;
margin-top: 50px;
}
}
.mobile .jp-progress {
width: 65% !important;
left: 13% !important;
}
.mobile .jp-duration {
left: auto;
right: 20px;
} #filterable-portfolio .portfolio,
.isotope,
.isotope .isotope-item { -moz-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-moz-transition-timing-function: linear;
-o-transition-timing-function: linear;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.isotope {
-moz-transition-property: height, width;
-o-transition-property: height, width;
-webkit-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.fade {
opacity: 1;
-moz-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;
}
.fade:hover {
opacity: 0.5;
}
[data-filter-type='filterable'] .portfolio-trigger {
display: none !important;
}
.spinner {
margin: 0;
padding: 0;
text-align: center;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.spinner li {
display: inline-block;
height: 25px;
width: 6px;
margin-right: 5px;
background: #fff;
}
.spinner li:nth-child(1) {
-webkit-animation: opacity 900ms 800ms linear infinite;
-moz-animation: opacity 900ms 800ms linear infinite;
-ms-animation: opacity 900ms 800ms linear infinite;
-o-animation: opacity 900ms 800ms linear infinite;
animation: opacity 900ms 800ms linear infinite;
}
.spinner li:nth-child(2) {
-webkit-animation: opacity 900ms 1000ms linear infinite;
-moz-animation: opacity 900ms 1000ms linear infinite;
-ms-animation: opacity 900ms 1000ms linear infinite;
-o-animation: opacity 900ms 1000ms linear infinite;
animation: opacity 900ms 1000ms linear infinite;
}
.spinner li:nth-child(3) {
-webkit-animation: opacity 900ms 1200ms linear infinite;
-moz-animation: opacity 900ms 1200ms linear infinite;
-ms-animation: opacity 900ms 1200ms linear infinite;
-o-animation: opacity 900ms 1200ms linear infinite;
animation: opacity 900ms 1200ms linear infinite;
}
@-webkit-keyframes $animation_name {
0% {
opacity: 1;
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
opacity: 0;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes $animation_name {
0% {
opacity: 1;
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
opacity: 0;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes $animation_name {
0% {
opacity: 1;
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
opacity: 0;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes $animation_name {
0% {
opacity: 1;
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
100% {
opacity: 0;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
.archive-lists a {
color: inherit;
}
.stag-flickr-widget li {
display: inline-block;
margin: 0 10px 10px 0;
}
.footer .stag-instagram li {
display: inline-block;
margin: 0 3% 3% 0;
width: 30%;
}
.footer .stag-instagram .instagram-follow-link {
margin: 10px 0 0 0;
font-size: 20px;
padding: 11px 25px;
display: inline-block;
cursor: pointer;
max-width: 100%;
line-height: 1;
text-align: center;
border-radius: 2px;
color: white;
font-weight: bold;
}
.invalid {
display: none !important;
} .wp-block-quote {
padding: 30px 0 30px 100px !important;
border: 0 !important;
margin: 0 auto !important;
}
.wp-block-table td,
.wp-block-table th {
padding: 0.5em;
}
.wp-block-pullquote {
margin: 20px 0;
}
.wp-block-pullquote blockquote::before {
display: none;
}
.wp-block-pullquote blockquote {
padding: 0 30px;
}
[class*="wp-block-sgb-"] h1, [class*="wp-block-sgb-"] h2, [class*="wp-block-sgb-"] h3, [class*="wp-block-sgb-"] h4, [class*="wp-block-sgb-"] h5, [class*="wp-block-sgb-"] h6, [class*="wp-block-sgb-"] p {
margin: 0;
}
#subscribe-reloaded{
border: 1px solid #e6e6e6;
background: #f5f5f5;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none; width: 100%;
padding: 13px 10px;
word-break: normal;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
font: inherit;
font-weight: 100;
color: #696868;
}
html {
font-size: 18px;
}
.widget_recent_entries a {
font-size: 16px;
}
ul.pfeil1 {
list-style-image: url(//www.kiwipfingsten.com/wp-content/themes/cluster-child/Pfeil2.png);
}
ul.pfeil2 {
list-style-image: url(//www.kiwipfingsten.com/wp-content/themes/cluster-child/Pfeil3.png);
}
@media screen and (min-width: 700px) {
.custom-background {
min-height: 720px !important;
}
}