.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.sticky-spacer {
position: static !important;
}
.section-title-holder {
width: 270px;
position: relative;
color: #fff;
word-break: break-all;
padding-top: 50px;
}
.section-content-holder {
width: 690px;
margin-top: 50px;
max-width: 60%;
}
.no-padding .section-content-holder {
margin-top: 0;
width: 810px;
max-width: 100%;
}
.no-padding .section-content-holder.float-right {
float: left;
margin-left: 88px;
}
.no-padding .section-content-holder.float-left {
float: right;
margin-right: 90px;
}
.no-padding .section-wrapper {
padding: 0;
}
.no-padding .section-title-holder {
padding-top: 125px;
padding-bottom: 75px;
}
.section.page-split h2.entry-title {
text-align: left;
padding-top: 0;
font-size: 80px;
}
.section .page-desc {
text-align: center;
font-size: 22px;
line-height: 35px;
margin-bottom: 60px;
word-break: break-word;
}
.section.page-split .section-title-holder .page-desc {
text-align: left;
margin-bottom: 40px;
margin-top: 60px;
}
@media (min-width: 768px) {
.section.full-screen {
min-height: calc(100vh - 77px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section.full-screen .section-wrapper {
margin: auto;
padding: 0;
}
}
.bg-holder {
float: none !important;
}
.bg-holder.float-left .split-color {
position: absolute;
top: 0;
transform: translateX(-104%);
left: 405px;
z-index: 0;
width: 100%;
height: 100%;
background: #f1576b;
}
.bg-holder.float-right .split-color {
position: absolute;
top: 0;
transform: translateX(100%);
right: 360px;
z-index: 0;
width: 100%;
height: 100%;
background-color: #d41e5c;
}
@media (min-width: 768px) {
.section .elementor-section.elementor-section-height-full,
.section.full-height-section .section-wrapper {
padding: 0;
height: calc(100vh - 77px);
}
}
@media screen and (min-width: 1020px) {   
.rotate-title,
.rotate-number {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
text-align: right;
}       
.rotate-number {
order: 1;
}
}
span.cocobasic-extra-border {
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 35%;
background-color: #C7B299;
z-index: 1;
}
span.cocobasic-extra-width {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: #C7B299;
} .one,  
.one_half,  
.one_third,  
.two_third, 
.three_fourth, 
.one_fourth {
margin-right: 8%;
float: left;
position: relative;
margin-bottom: 30px;
}
.last {
margin-right: 0 !important;
clear: right;
}
.one {
float: none;
display: block;
clear: both;
margin-right: 0;
}
.one_half {
width: 46%;
}
.one_third {
width: 28%;
}
.two_third {
width: 64%;
}
.one_fourth {
width: 19%;
}
.three_fourth {
width: 73%;
}
.animate {
opacity: 0;
transition: .3s ease-in;
-ms-transform: translate(0px,70px); 
-webkit-transform: translate(0px,70px);
transform: translate(0px,70px);
}
.animate.show-it {
opacity: 1;
-ms-transform: translate(0px,0px); 
-webkit-transform: translate(0px,0px);
transform: translate(0px,0px);
}
.wait-01s {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.wait-02s {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wait-03s {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.wait-04s {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.wait-05s {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.wait-06s {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.wait-07s {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.wait-08s {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.wait-09s {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.wait-10s {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.wait-11s {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.wait-12s {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.wait-13s {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.wait-14s {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.wait-15s {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
} .service-holder {
margin: 25px 0;
}
.service-holder:after {
content: "";
display: block;
clear: both;    
}
.service-img {
float: left;
width: 30%;
max-width: 90px;
}
.service-txt {
float: left;
margin-left: 25px;
text-align: left;
line-height: 25px;
width: calc(100% - 115px);
}
.service-txt h4 {
font-size: 19px;
padding-bottom: 10px;
padding-top: 0;
color: #fff;
font-weight: 600;
} .image-slider-wrapper {
margin-bottom: 45px;
}
.elementor-widget .image-slider-wrapper {
margin-bottom: 0;
}
.image-slider img.text-slide-img {
width: 100% !important;
}
.owl-theme .owl-dots .owl-dot span {
margin: 0;
background-color: rgba(255, 255, 255, 0.5);
transition: all .2s ease;
width: 17px;
height: 17px;
border-radius: 90%;
}
.owl-theme .owl-dots .owl-dot {
border-radius: 90%;
transition: all .3s ease;
border: 4px solid transparent;
margin: 3px;
}
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #fff;
}
.owl-theme .owl-dots .owl-dot.active {
border-color: #fff;
}
.owl-theme .owl-dots .owl-dot.active span {
background-color: transparent;
}
.text-slider-wrapper {
font-size: 24px;
line-height: 35px;
max-width: 90%;
margin: 0 auto;
}
.text-slider-header-quotes {
margin-bottom: -45px;
}
.text-slider-header-quotes:before {
content: '\201C';
font-family: 'Montserrat', sans-serif;
font-size: 140px;
line-height: 100%;
font-weight: 700;    
}
.text-slider-wrapper .text-slide {
text-align: left;
font-size: 20px;
line-height: 45px;
font-style: italic;
overflow: hidden;
}
.text-slider-wrapper .text-slide:after {
content: "";
display: table;
clear: both;
}
.text-slider-wrapper .text-slide-name {
font-size: 16px;
font-style: normal;
line-height: 100%;
margin-top: 45px;
font-weight: 600;
}
.text-slider-wrapper .text-slide-position {
font-size: 12px;
font-style: normal;
line-height: 100%;
font-weight: 600;
letter-spacing: 4px;
color: #777777;
}
.text-slider-wrapper .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 50px;
}
.text-slider-wrapper img.text-slide-img {
width: 100px !important;
height: 100px;
border-radius: 90%;
float: left;
margin-right: 25px;
} a.button {
display: inline-block;
color: #fff !important;
border: 2px solid #ffffff;
text-align: left;
padding-bottom: 17px;
padding-top: 17px;
padding-left: 50px;
padding-right: 50px;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
transition: all .2s linear;
margin-bottom: 17px;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
}
a.button:hover {
opacity: 0.5;
} .blog-holder-scode {
margin-top: 0;
}
.blog-holder-scode article:nth-of-type(2n) {
margin-right: 0;
}
.blog-item-holder-scode {
margin: 30px 0;
width: 46%;
display: inline-block;
margin-right: 8%;
vertical-align: text-top;
}
.blog-item-holder-scode .excerpt {
margin-top: 20px;
}
.blog-item-holder-scode h4 {
padding: 0;
max-width: 930px;
margin: 0 auto;
}
.blog-item-holder-scode h4 a {
color: #fff;
font-size: 22px;
line-height: 30px;
font-weight: 600;
transition: all .2s ease;
}
.blog-item-holder-scode h4 a:hover {
color: #fff;
opacity: 0.5;
}
.blog-item-holder-scode .cat-links ul {
list-style: none;
padding: 0;    
}
.blog-item-holder-scode .cat-links ul li {
display: inline-block;
}
.blog-item-holder-scode .cat-links ul li a:after {
content: ",";    
padding-right: 5px;
}
.blog-item-holder-scode .cat-links ul li:last-child a:after {
display: none
}
.blog-item-holder-scode .cat-links ul a {
text-transform: uppercase;
color: #fff;
transition: all .2s ease;
}
.blog-item-holder-scode .cat-links ul li a:hover {
opacity: 0.5;
}
.blog-item-holder-scode .entry-date.published, 
.blog-item-holder-scode .cat-links {
display: inline-block;
font-size: 14px;    
margin-top: -10px;
}
.blog-item-holder-scode .entry-date.published:after {   
content: "\2022";
display: inline-block;
margin: 0 7px 0 10px;
}
.blog-holder-scode .more-posts-link {
vertical-align: text-bottom;
display: inline-block;
background: #864eff;
border-radius: 5px;
width: 255px;
height: 90px;
}
.blog-holder-scode .more-posts-link a {
display: block;
text-align: center;
}
.blog-holder-scode .more-posts-link img {
transition: transform .3s ease;
width: 60px;
height: 60px;
margin-top: 15px;
}
.blog-holder-scode .more-posts-link:hover img {
transform: translateX(10px);
} .member-item-wrapper {    
width: 800px;    
margin-top: 100px;
margin-bottom: 50px;
max-width: 95%;
}
.section.no-padding .member-content-wrapper {
margin: 75px 0;    
}
.info-text {    
font-size: 30px;
line-height: 35px;
margin-bottom: 40px;
font-weight: 100;
}
#team-holder {
position: relative;
margin-bottom: 50px;
}
.elementor-widget #team-holder {
margin-bottom: 0;
}
.section.no-padding #team-holder {
margin-bottom: 0;
}
.member-holder-wrapper {
list-style: none;
padding: 0;
margin: 0;
}
.member-holder-wrapper li.one_third:nth-child(3n), 
.member-holder-wrapper li.one_half:nth-child(2n), 
.member-holder-wrapper li.one_fourth:nth-child(4n)  {
margin-right: 0;
}
.member-info-holder {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.member-name {
font-size: 18px;
text-align: center;
font-weight: 700;
line-height: 30px;
color: #fff;
margin-bottom: 0;
}
.member-position {
font-size: 14px;
letter-spacing: 2px;
text-align: center;
margin-left: -2px;
color: #fff;
line-height: 100%;
}
.team-load-content-holder {
opacity: 0;
transform: translateY(70px);
transition: all .5s ease; 
max-width: 100%;
}
.no-padding .team-load-content-holder {
width: 690px;
}
.section-content-holder.float-right .team-load-content-holder {
margin-right: 0;
margin-left: auto;    
}
.section-content-holder.float-left .team-load-content-holder {
margin-right: auto;
margin-left: 0;    
}
.team-load-content-holder.show {
transform: translateY(0);
opacity: 1;
}
.team-load-content-holder.show.viceversa {
opacity: 0;
transform: translateY(70px);
}
.member-holder {
transition: all .5s ease;
opacity: 1;
transform: translateY(0px);
text-align: center;
}
.member-holder.one_half {
margin: 0;
width: 50%;
}
.member-holder.one_third {
margin: 0;
width: calc(100% / 3);
}
.member-holder.one_fourth {
margin: 0;
width: calc(100% / 4);
}
.member-holder img.attachment-post-thumbnail {
width: 100%;
height: 100%;
display: block;
}
.member-holder.hide {
opacity: 0;
transform: translateY(70px);    
}
.member-content-wrapper {
display: none;
}
.member-content-wrapper.show {
display: block;
}
.close-icon {
background-image: url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/images/close-left-arrow.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
display: inline-block;
background-color: rgba(191, 191, 191, 0.22);
border-radius: 5px;
margin-bottom: 20px;
background-size: 70px;
transition: all 0.3s ease;
cursor: pointer;
}
.close-icon:hover {
background-position: -5px 0;
}
.member-mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0;
transition: opacity .3s ease;
}
.member-mask:before {
content: "";
position: absolute;
z-index: 1;
border: 0px solid #fff;
left: 50px;
right: 50px;
top: 50px;
bottom: 50px;
opacity: 0;
transition: .3s;
}
.member-mask:hover:before,
.member-mask.animate-plus:before {
opacity: 1;
}
.member-mask:hover {
opacity: 1;
}
.member-mask.animate-plus {
opacity: 1;
}
.member-holder a.img-link {
position: relative;
display: block;
line-height: 0;
font-size: 0;
overflow: hidden;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .big-text {    
font-size: 44px;
line-height: 60px;
font-weight: 700;
} .skills-holder {
position: relative;
margin: 40px 0;
}
.elementor-widget .skills-holder {
margin: 0;
}
.skill-holder {
margin-bottom: 30px;
}
.skill-holder:after {
clear: both;
display: block;
content: "";
}
.skill-percent {
font-size: 48px;
line-height: 100%;
font-weight: 100;
width: 100px;
display: inline-block;    
vertical-align: text-top;
}
.skill {
width: 100%;
height: 3px;
background-color: rgba(202, 202, 202, 0.3);
margin-bottom: 30px;
}
.skill-text {
display: inline-block;
width: calc(100% - 145px);
margin-right: 0;
float: right;
vertical-align: text-top;
}
.skill-fill {
width: 100%;
height: 10px;
background-color: #fff;
}
.skill-text span {
font-size: 22px;
line-height: 35px;
} .v-skills-holder {
text-align: center;
position: relative;
padding-bottom: 100px;
}
.v-skill {
width: 10%;
height: 300px;
background-color: #e6d2df;
position: relative;
display: inline-block;
margin-right: 7%;
z-index: 1;
border-radius: 10px;
}
.v-skills-holder .v-skill:last-of-type {
margin-right: 0;
}
.v-skill-fill {
position: absolute;
bottom: 0;
left: 0;
background-color: #59437A;
border-radius: 0 0 7px 7px;
}
@media (min-width: 1020px) {
.v-skill-fill {
width: 100% !important;
}
}
.v-skill-info {
position: absolute;
bottom: -20px;
left: 50%;
transform: translate(-50%, 100%);
text-align: center;
}
.v-skill-percent {
color: #59437A;
font-size: 63px;
font-weight: 700;
line-height: 100%;
}
.v-skill-text {
color: #59437A;
font-size: 18px;
line-height: 100%;
letter-spacing: 3px;
} ul.milestones-holder {
padding: 0;
margin: 15px 0 0;
list-style: none;
text-align: center;
}
li.milestone {
display: inline-block;
position: relative;
margin: 0 50px;
}
li.milestone:before {
content: "/";
display: inline-block;
position: absolute;
right: -55px;
font-size: 55px;
top: 0;
line-height: 100%;
font-weight: 100;
transform: rotate(27deg);
color: #5b5b5b;
}
li.milestone:last-child:before {
display: none;
}
p.milestone-num {
font-size: 65px;
line-height: 100%;
font-weight: 700;
position: relative;
display: inline-block;
}
p.milestone-text {
font-size: 22px;
line-height: 30px;
color: #5b5b5b;
max-width: 190px;
margin: 0 auto;
}
p.milestone-num:before {
content: "";
position: absolute;
top: -15px;
left: 0;
width: 100%;
height: 8px;
background-color: #fff;
} div.pp_default .pp_loaderIcon {
display: none !important;
}
div.pp_default a.pp_arrow_previous {
background-image: url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/images/nav_left.png);
background-size: 20px 20px;    
width: 20px;
height: 20px;
margin-top: 5px;
font-size: 0;
line-height: 0;
text-indent: -99999999px;
transition: transform .3s ease;
}
div.pp_default a.pp_arrow_next {
background-image: url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/images/nav_right.png);
background-size: 20px 20px;    
width: 20px;
height: 20px;
margin-top: 5px;
margin-left: 10px;
font-size: 0;
line-height: 0;
text-indent: -99999999px;
transition: transform .3s ease;
}
div.pp_default a.pp_arrow_previous:hover {
transform: translateX(-5px);
}
div.pp_default a.pp_arrow_next:hover {
transform: translateX(5px);
}
div.pp_default .pp_close {
background-image: url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/images/close.png);
background-size: 30px 30px;
margin-top: 5px;
text-indent: -99999999px;
font-size: 0;
line-height: 0;    
}
div.pp_default .pp_next:hover {
background: url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/images/nav_right.png);
cursor: pointer;
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 20px;
}
div.pp_default .pp_previous:hover {
background: url(//www.liebenauer-welsch.at/wp-content/plugins/cocobasic-shortcode/images/nav_left.png);
cursor: pointer;
background-repeat: no-repeat;
background-position: 5% 50%;
background-size: 20px;    
}
div.pp_default .pp_nav .currentTextHolder {
padding: 0 0 0 20px;
color: #fff;
}
div.pp_default .pp_description {    
font-size: 15px;
line-height: 30px;
position: absolute;
top: -30px;
margin: 0;
color: #fff;
font-weight: 400;
}
a.video-popup-holder {
position: relative;
display: block;
width: 100%;
}
a.video-popup-holder:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(191, 181, 174, 0.2);
position: absolute; 
left: 0;
top: 0;
transition: opacity .3s ease;
}
a.video-popup-holder img.thumb {
display: block;
width: 100%;
}
img.popup-play {
position: absolute;
top: 50%;
left: 50%;
top: calc(50% - 45px);
left: calc(50% - 45px);    
transition: opacity .2s linear;
width: 90px !important;
height: 90px !important;
opacity: 0.8;
}
a.video-popup-holder:hover img.popup-play {
opacity: 1;
}
a.video-popup-holder:hover:after {
opacity: 0;
} .grid {
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
max-width: 100%;
font-size: 0;
line-height: 0;
}
.grid-sizer {
width: 25%;
}
.grid-item {
float: left;
font-size: 0;
line-height: 0;
width: 100%;
overflow: hidden;
}
.grid-item.p_one_fourth {
width: 25%;
}
.grid-item.p_one_half {
width: 50%;
}
.grid-item.p_one {
width: 100%;
}
.grid-item img {
width: 100% !important;
height: auto;
display: block;    
}
.grid-item .entry-holder {
text-align: center;
background-color: #fff;
padding: 50px 20px;
}
.grid-item a.item-link:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: #000;
left: 0;
top: 0;
opacity: 0;
transition: opacity .3s ease-in-out;
}
#portfolio-wrapper {
overflow: hidden;
}
.portfolio-text-holder {
color: white;
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
z-index: 1;
opacity: 0;
transform: translate(-50%,-50%);
transition: all .3s ease;
text-align: center;
}
.portfolio-title {
font-size: 18px;
line-height: 30px;
margin-bottom: 0;
font-weight: 700;
color: #fff;
}
.portfolio-desc {
font-size: 14px;
line-height: 22px;
color: #fff;
letter-spacing: 2px;
}
.grid-item a.item-link:hover:after, 
.grid-item a.item-link:hover .portfolio-text-holder {
opacity: 1;
}
.more-posts-portfolio-holder {
min-height: 1px;
margin-top: -1px;
margin-bottom: 50px;
}
.elementor-widget .more-posts-portfolio-holder {
margin-bottom: 0;
}
.no-padding .more-posts-portfolio-holder {
margin-bottom: 0;
}
.site-wrapper .more-posts-portfolio-holder img {
width: 70px;
height: 70px;
display: inline-block;
vertical-align: middle;
}
.more-posts-portfolio-holder.hide {
visibility: hidden;
opacity: 0;
pointer-events: none;
cursor: default;
}
.more-posts-portfolio, 
.no-more-posts-portfolio, 
.more-posts-portfolio-loading {
color: #fff;
background-color: #000000;
padding: 17px 0;
display: block;
transition: all .3s ease;
margin-bottom: 0;
line-height: 0;
}
.more-posts-portfolio-loading img {
-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
.more-posts-portfolio {
cursor: pointer;   
}
.more-posts-portfolio:hover {
opacity: 0.8 !important;
}
.no-more-posts-portfolio, .more-posts-portfolio-loading {
display: none; 
}
.no-more-posts-portfolio img {
transform: rotate(45deg);
}
.portfolio-load-content-holder {
opacity: 0;
transform: translateY(70px);
transition: all .5s ease;    
max-width: 100%;
}
.no-padding .portfolio-load-content-holder {
width: 690px;
}
.section-content-holder.float-right .portfolio-load-content-holder {
margin-right: 0;
margin-left: auto;    
}
.section-content-holder.float-left .portfolio-load-content-holder {
margin-right: auto;
margin-left: 0;    
}
.portfolio-load-content-holder.show {
transform: translateY(0);
opacity: 1;
}
.portfolio-load-content-holder.show.viceversa {
opacity: 0;
transform: translateY(70px);
}
.section.no-padding .portfolio-content-wrapper {
margin: 75px 0;
}    
.portfolio-content-wrapper {
display: none;
}
.portfolio-content-wrapper.show {
display: block;
}
#portfolio-grid {
transition: all .5s ease;
opacity: 1;
transform: translateY(0px);
}
#portfolio-grid.hide {
opacity: 0;
transform: translateY(70px);    
}
.grid-item a.item-link.animate-plus:after, 
.ajax-portfolio.animate-plus .portfolio-text-holder {
opacity: 1;
}
@-moz-keyframes spin { 
100% { 
-moz-transform: rotate(360deg);
} 
}
@-webkit-keyframes spin { 
100% { 
-webkit-transform: rotate(360deg); 
} 
}
@keyframes spin { 
100% { 
-webkit-transform: rotate(360deg); 
transform: rotate(360deg); 
} 
}
a.item-link:before {
content: "";
position: absolute;
z-index: 1;
border: 0px solid #fff;
left: 50px;
right: 50px;
top: 50px;
bottom: 50px;
opacity: 0;
transition: .3s;
}
a.item-link:hover:before,
a.item-link.animate-plus:before {
opacity: 1;
} .social {
display: inline-block;
font-size: 25px;
margin: 0 5px;
}
body .social a {
color: #fff;
transition: all .3s ease;
}
body .social a:hover {
opacity: 0.5;
color: #fff;
} .pricing-table {
text-align: center;
padding-bottom: 20px;
overflow: hidden;
color: #5b5b5b;
background-color: #000000;
margin-top: 30px;
max-width: 330px;
margin-left: auto;
margin-right: auto;
}
.pricing-table-title {
background-color: #ff1e5c;
color: #fff;
font-size: 24px;
padding: 40px 0;
margin-bottom: 25px;
}
.pricing-table-price {
font-size: 60px;
line-height: 100%;
color: #ffffff;
}
.pricing-table ul {
padding: 0;
list-style: none;
margin-top: 25px;
}
.pricing-table ul li {
padding: 10px 0;
}
.pricing-table-content-holder {
padding: 0 10%;
margin-bottom: 40px;
margin-top: 30px;
}
.pricing-button {
display: inline-block;
color: #fff !important;
border: 2px solid;
text-align: left;
padding-bottom: 17px;
padding-top: 17px;
padding-left: 50px;
padding-right: 50px;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
transition: all .2s linear;
margin-bottom: 17px;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
}
.pricing-button:hover {
opacity: 0.5;
} .portfolio-item-wrapper {
width: 800px;
margin-top: 100px;
margin-bottom: 50px;
max-width: 95%;
} ul.timeline-holder {
margin: 0;
padding: 0 0 10px 40px;
}
li.timeline-event {
margin: 0 0 30px 60px;
position: relative;
padding-top: 5px;
padding-left: 10px;
list-style: none;
color: #fff;
transition: .3s;
}
li.timeline-event:hover {
color: #fff;
}
li.timeline-event:before {
content: "";
width: 2px;
height: calc(100% - 20px);
position: absolute;
background-color: #fff;
left: -32px;
top: 45px;
}
li.timeline-event:last-child:before {
display: none;
}
li.timeline-event:last-child {
margin-bottom: 0;
}
li.timeline-event:hover span.timeline-circle:before {
background-color: #fff;
}
span.timeline-circle {
position: absolute;
top: 0;
left: -30px;
}
span.timeline-circle:before {
content: "";
display: block;
width: 30px;
height: 30px;
border-radius: 90%;
border: 2px solid #fff;
position: absolute;
left: -16px;
top: 5px;
z-index: 1;
transition: .3s;
}
.timeline-event-date {
position: absolute;
left: -100px;
top: 2px;
color: #ffffff;
transition: .3s;
}
li.timeline-event:hover .timeline-event-date {
transform: translateX(-10px);
}
.timeline-event-content {
line-height: 160%;
text-align: left;
} @media screen and (max-width: 1270px) {
li.milestone {
margin: 0 20px;
}  
li.milestone:before {
display: none;
}
}
@media screen and (max-width: 1019px) {
.bg-holder {
display: none;
}    
.section-title-holder {
padding-top: 0px !important;
float: none !important;
display: block;
position: relative !important;
width: auto !important;
top: 0 !important;
}
.section-title-holder:after {
content: "";
position: absolute;
width: 101vw;
height: 100%;
left: -5%;
top: 0;
z-index: -1;
}
.page-split .section-wrapper {
padding-top: 0 !important;
}
.section-title-holder .entry-title br, 
.section.page-split .section-title-holder .page-desc br {
display: none;
}
.section h2.entry-title {
margin-bottom: 0 !important;        
}
.section.page-split .section-title-holder .page-desc {
display: block;
margin-top: 20px;
margin-bottom: 31px;
}    
.sticky-spacer {
height: auto !important;
width: auto !important;
position: relative !important;
float: none !important;
}    
.section-content-holder {
width: 100% !important;
max-width: 100% !important;
margin-top: 75px;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}  
.section.no-padding #portfolio-wrapper,
.section.no-padding #team-holder {
margin-top: 20px;
}
.info-text {
margin-bottom: 20px;
}
.info-text br {
display: none;
}  
.portfolio-load-content-holder.show,
.team-load-content-holder.show {
margin-left: auto !important;
margin-right: auto !important;
} 
}
@media screen and (max-width: 1019px) {   
.grid-item {
margin: 0 !important;
}
}
@media screen and (max-width: 1019px) {    
.big-text br {
display: none;
}
li.milestone {
width: 40%;
margin: 30px 0;
}
.section.page-split h2.entry-title {        
font-size: 50px;
line-height: 50px;
}
.v-skills-holder {
position: relative;
display: block;
text-align: left;
margin-top: 37px;
padding-bottom: 0;
margin-bottom: -60px;
}
.v-skill {
width: 39%;
max-width: 100%;
height: 25px;
margin: 50px 5% 0 5%;
}
.v-skill-fill {
height: 100% !important;
border-radius: 7px 0px 0px 7px;
}
.v-skill-info {
position: relative;
left: 0;
bottom: 10px;
transform: translateY(-100%);
text-align: left;
}
.v-skill-text {
left: 20px;
bottom: 0;
transform: none;
}
.coco-2border > .elementor-column-wrap {
border: 0 !important;
}
.cocobasic-extra-border {
display: none;
}
}
@media screen and (max-width: 767px) {  
.section-title-holder {
padding-top: 35px;
}
.section.page-split h2.entry-title {
max-width: 90%;
font-size: 40px;
line-height: 40px;
}
.section.page-split .section-title-holder .page-desc {
margin-top: 0;
margin-bottom: 20px;
}
.big-text {
font-size: 27px;
line-height: 35px;
text-align: center;
}    
.big-text br {
display: none;
}
.blog-holder .more-posts-link {
max-width: 175px;
margin: 0 auto;
float: none;
}
.blog-holder .more-posts-link img {
padding: 15px;
}    
.section.full-screen .section-wrapper {
transform: none;
}
.big-text {
font-size: 30px;
line-height: 35px;
}
a.button {
padding-left: 35px;
padding-right: 35px;
font-size: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
.grid-item, 
.grid-sizer {
width: 100% !important;
}   
.info-text {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}  
.blog-holder-scode article:first-of-type {
margin-top: 0;
}
.blog-holder-scode article:last-of-type {
margin-bottom: 0;
}
.blog-item-holder-scode {
display: block;
width: 100%;
margin: 45px 0;
} 
.text-slider-wrapper {
width: 100%;
}
.v-skill {
width: 90%;
}
}
@media screen and (max-width: 640px) { 
.text-slider-wrapper .text-slide {
font-size: 16px;
line-height: 32px;
}
li.milestone {
display: block;
width: 100%;
margin: 50px 0;
}
li.milestone:first-child {
margin-top: 40px;
}
li.milestone:last-child {
margin-bottom: 20px;
}
p.milestone-num {
font-size: 40px;
}
p.milestone-text {
font-size: 16px;
line-height: 120%;
max-width: 95%;
}
p.milestone-text br {
display: none;
}
.skill-text {
width: calc(100% - 110px);
}
}