.one-page-content-wrapper {
overflow-x: hidden;
}
.cocobasic-column-align {
align-items: flex-start;
}
.cocobasic-left-rigt{
animation: cocoLeftRight 2s infinite;
}
@keyframes cocoLeftRight {
0%,
100% {
transform: translateX(0px);
}
50% {
transform: translateX(50px);
}
}
.cocobasic-up-down {
animation: cocoTopBottom 2s infinite;
}
@keyframes cocoTopBottom {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(50px);
}
}
.cocobasic-rotate {
animation: cocoRotate 5s linear infinite;
}
@keyframes cocoRotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.cocobasic-left-down-rigt-up {
animation: cocoLeftDownRightUp 2s infinite;
}
@keyframes cocoLeftDownRightUp {
0%,
100% {
transform: translate(0px, 0px);
}
50% {
transform: translate(50px,50px);
}
}
.elementor-widget-toggle p,
.elementor-widget-accordion p {
margin-bottom: 10px;
}
.elementor-widget-toggle p:last-of-type {
margin-bottom: 0;
}
.elementor-element .elementor-widget-container .elementor-icon-wrapper a.elementor-icon {
color: #f393a4;
}
.elementor-element .elementor-widget-container .elementor-icon-wrapper a.elementor-icon:hover {
color: #f393a4;
}
.cocobasic-accordion .elementor-accordion-item {
border-left: 0 !important;
border-right: 0 !important;
border-top: 0 !important;
margin-bottom: 30px;
}
.cocobasic-accordion .elementor-tab-content {
border-top: 0 !important;
} div.pp_default .pp_loaderIcon {
display: none !important;
}
div.pp_default a.pp_arrow_previous {
background-image: url(//www.demo15.isidori.net/wp-content/plugins/cocobasic-elementor/assets/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.demo15.isidori.net/wp-content/plugins/cocobasic-elementor/assets/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.demo15.isidori.net/wp-content/plugins/cocobasic-elementor/assets/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.demo15.isidori.net/wp-content/plugins/cocobasic-elementor/assets/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.demo15.isidori.net/wp-content/plugins/cocobasic-elementor/assets/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_content_container .pp_details {
margin-top: 30px !important;
z-index: 3;
}
div.pp_default .pp_description {
font-size: 15px;
line-height: 30px;
position: absolute;
top: -30px;
margin: 0;
color: #fff;
font-weight: 400;
} ul.timeline-holder {
margin: 0;
padding: 0 0 0 55px;
-webkit-transform: translateZ(0);
}
li.timeline-event {
margin: 0 0 42px 60px;
position: relative;
padding-top: 5px;
list-style: none;
transition: .3s;
}
li.timeline-event:before {
content: "";
width: 3px;
height: calc(100% - 20px);
position: absolute;
background-color: #605777;
left: -30px;
top: 51px;
}
li.timeline-event:last-child:before {
display: none;
}
li.timeline-event:last-child {
margin-bottom: 0;
}
li.timeline-event span.timeline-circle:after {
content: "";
position: absolute;
width: 19px;
height: 19px;
left: -8px;
top: 11px;
border-radius: 90%;
background-color: #605777;
opacity: 0;
transition: opacity .3s;
}
li.timeline-event:hover span.timeline-circle:after { 
opacity: 1;
}
span.timeline-circle {
position: absolute;
top: 0;
left: -30px;
}
span.timeline-circle:before {
content: "";
display: block;
width: 35px;
height: 35px;
border-radius: 90%;
border: 3px solid #605777;
position: absolute;
left: -16px;
top: 3px;
z-index: 1;
transition: .3s;
}
.timeline-event-date {
position: absolute;
left: -70px;
top: 6px;
transition: .3s;
color: #605777;
font-weight: 700;
transform: translateX(-100%);
}
li.timeline-event:hover .timeline-event-date {
left: -80px;
}
.timeline-event-content {    
text-align: left;
margin-left: 50px;
} .skills-holder {
position: relative;
}
.skills-holder > div:last-of-type {
margin-bottom: 0;
}
.skill-holder {
display: flex;
align-items: center;
margin-bottom: 30px;
height: 22px;
}
.skill-holder:after {
clear: both;
display: block;
content: "";
}
.skill-percent {
font-size: 45px;
line-height: 100%;
font-weight: 700;
width: 100px;
float: right;
color: #554247;
letter-spacing: -1px;
}
.skill {
width: calc(100% - 70px);
height: 12px;
background-color: #ffffff;
position: relative;
}
.skill-text {
color: #fcf7f1;
font-size: 10px;
line-height: 100%;
font-weight: 500;
letter-spacing: 3.5px;
position: relative;
z-index: 1;
transform: translate(10px, -10px);
display: inline-block;
}
.skill-fill {
position: absolute;
top: -5px;
left: 0;
width: 10%;
height: 22px;
transition: width .7s;
background-color: #605777;
}
.skill-num {
font-size: 22px;
color: #605777;
margin-left: 30px;
} .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;
}
.grid {
width: 100%;
position: relative;
display: block;
overflow: hidden;
padding: 0;
list-style: none;
}
.grid-item {
float: left;
font-size: 0;
line-height: 0;
overflow: hidden;
transition: opacity .3s;
}
.grid-item img {
display: block;
width: 100%;
height: auto;
max-height: none;
max-width: none;    
}
.grid-sizer,
.grid-item {
width: 50%;
}
.grid-item.p_one {
width: 100%;
}
.grid-item.p_one_half{
width: 50%;
}
.portfolio-text-holder {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
font-size: 20px;
background-color: #171321;
padding: 20px 40px;
transform: translateY(100%);
transition: transform .3s ease;
}
.portfolio-text {
font-size: 28px;
line-height: 100%;
font-weight: 700;
color: #fff;
margin-bottom: 0;
padding-bottom: 10px;
}
.portfolio-cat {
font-size: 15px;
color: #fff;
line-height: 100%;
font-weight: 400;
margin-bottom: 0;
}
.grid-item a.item-link:hover .portfolio-text-holder,
.grid-item.portfolio-content-loading a.item-link .portfolio-text-holder {
transform: translateY(0);
}
#portfolio-grid.portfoio-items-mask .grid-item {
opacity: 0.2;
}
.grid-item.portfolio-content-loading {
opacity: 1 !important;
}
.portfolio-load-content-holder {
opacity: 0;
transform: translateY(70px);
transition: transform .5s ease, opacity .5s ease;   
}
.portfolio-load-content-holder.show {    
transform: translateY(0);
opacity: 1;
padding: 13%;
}
.portfolio-load-content-holder.show.viceversa {
opacity: 0;
transform: translateY(70px);
}
.portfolio-content-wrapper {
display: none;
}
.portfolio-content-wrapper.show {
display: block;
}
.close-icon {
background-image: url(//www.demo15.isidori.net/wp-content/plugins/cocobasic-elementor/assets/images/close-left-arrow.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;
display: inline-block;
background-color: #362F47;
margin-bottom: 20px;
background-size: 70px;
transition: all 0.3s ease;
cursor: pointer;
}
.close-icon:hover {
background-position: -5px 0;
}
#portfolio-grid {
transition: all .5s ease;
opacity: 1;
transform: translateY(0px);
}
#portfolio-grid.hide {
opacity: 0;
transform: translateY(70px);    
}
.grid-item a.item-link.portfolio-content-loading:after, 
.ajax-portfolio.portfolio-content-loading .portfolio-text-holder {
opacity: 1;
}
.more-posts-portfolio-holder.hide {
visibility: hidden;
opacity: 0;
pointer-events: none;
cursor: default;
display: none;
}
.more-posts-portfolio-holder {
background-color: #f393a4;
min-height: 1px;
padding: 25px 20px;
text-align: center;
}
.more-posts-portfolio, 
.no-more-posts-portfolio, 
.more-posts-portfolio-loading {
font-weight: 700;
font-size: 18px;
line-height: 30px;    
position: relative;
display: inline-block;
}
.more-posts-portfolio {
cursor: pointer;
transition: .35s ease-out;
}
.more-posts-portfolio:hover {
color: #f393a4;
}
.no-more-posts-portfolio, 
.more-posts-portfolio-loading {
display: none;
}
.more-posts-portfolio-holder.scroll {
margin-top: 50px;    
}
.more-posts-portfolio-holder.scroll .more-posts-portfolio, 
.more-posts-portfolio-holder.scroll .no-more-posts-portfolio {
display: none !important;       
}
.portfolio-content {
width: 950px;
max-width: 95%;
margin: 0 auto 20px;
}
.single-portfolio .content-holder {
width: 850px;
max-width: 95%;
background-color: #eae0e9;
padding: 50px;
} .owl-carousel .owl-item {
width: 100%;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 13px;
margin-bottom: 40px;
line-height: 0;
text-align: left;
}
.owl-theme .owl-dots .owl-dot span {
margin: 0;
background-color: #fff;
transition: all .3s ease;
width: 30px;
height: 10px;
border-radius: 0;
}
.owl-theme .owl-dots .owl-dot {
transition: all .3s ease;
margin-right: 10px;
}
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #362F47;
}
.owl-theme .owl-dots .owl-dot.active span {
background-color: #362F47;
} @media screen and (max-width: 1025px) {
.close-icon {
width: 60px;
height: 60px;
background-size: 60px;
}
li.timeline-event {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.grid {
width: 100%;
margin: 0;    
}
.grid-sizer {
width: 100%;
}
.grid-item {
top: 0 !important;
left: 0 !important;
position: relative !important;
width: 100% !important;
border: 0;
}
.portfolio-text-holder {
padding: 20px 25px;
}
.portfolio-text {
font-size: 22px;
padding-bottom: 5px;
}
.portfolio-cat {
font-size: 14px;
}    
.single-portfolio .content-holder {
padding: 5%;
}
.timeline-event-content {
margin-left: 10px;
}
li.timeline-event {
margin-left: 30px;
}
.portfolio-load-content-holder.show {
padding: 30px 15px !important;
}	
}