/* RESPONSIVE STYLES */
@media (min-width: 1699.99px) {

    .fatade3d-banner::after {width: 34vw;}
    .fatade3d-banner__mascota {margin-right: 5%;}
    .fatade3d-banner__premiu {margin-right: 19%;}

}

@media (max-width: 1399.98px) { 

    .section-title br {display: none;}

    .fatade3d-showcase .fatade3d-banner__buttons {column-gap: 16px;}
}

@media (max-width: 1299.98px) { 
    .navbar-nav {
        padding-right: 15px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 10px;
        font-size: 15px;
    }
    .fatade3d-banner__mascota {max-width: 480px;}
    .fatade3d-banner__premiu {
        max-width: 685px;
        margin-bottom: 105px;
        margin-right: 15%;
    }

    .fatade3d-banner h1 {font-size: 60px;}

    .section-portfolio__card h2 {font-size: 18px;}
}

@media (max-width: 1199.98px) { 
    .site {
        overflow-x: hidden;
    }

    .navbar-toggler {
        border: none;
        background: transparent !important;
        display: flex;
        flex-direction: column;
        padding: 0;
        border-radius: 0;
    }
    .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
    }

    .navbar-toggler:hover {
        background: transparent !important;
        box-shadow: none;
    }

    .navbar-toggler .navbar-toggler-icon {
        background-color: #333;
        width: 30px;
        height: 1px;
        margin: 4px;
        transition: all 0.2s;
    }

    .navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 5% 10%;
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
    }

    .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
    }
    
    .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
    }
    
    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }
    
    .navbar-toggler.collapsed .bottom-bar {
        transform: rotate(0);
    }

    .navbar-actions {margin-top: 24px;}
    .navbar-actions .dropdown-toggle {width: 100%;}
    .wpml-ls-item {margin: 20px 0 0 0;}
	
	.wpml-ls-item.wpml-ls-item-ru a:hover::after {transform: translatex(36px);}
	.wpml-ls-item.wpml-ls-item-ro a:hover::after{transform: translatex(-36px);}
    
    .navbar-collapse {
        border-top: 1px solid rgba(240,240,240, 1);
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        max-width: 420px;
        background-color: var(--bs-white);
        height: calc(100vh - 137px);
        overflow: auto;
        padding: 24px 30px 30px;
    }
    .navbar.fixed-top .navbar-collapse {height: calc(100vh - 87px);}
    .navbar-collapse.collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }
    .navbar-collapse.show {
        animation: fadeInRight .4s ease-in 0s 1 forwards;
    }


    .fatade3d-banner h1 {font-size: 36px;}
    .fatade3d-banner h4 {font-size: 14px;}
    .fatade3d-banner__mascota {
        max-width: 560px;
        width: 55vw;
        margin-right: -5%;
    }
    .fatade3d-banner__premiu {margin-bottom: 30px;}

    .fatade3d-showcase {
        height: auto;
    }

    .section-title h2 {font-size: 30px;}

    .fatade3d-partner-review .media {
        min-width: 50%;
        height: 408px;
    }
    .fatade3d-partner-review .text-content {padding: 58px 67px 37px 42px;}

    .fatade3d-pasi-consultatie__machet {
        max-width: 100%;
        top: 60px;
    }

    .fatade3d-prices__card .region {font-size: 24px;}
    .contact-form-wrap h3 {
        font-size: 20px;
        word-spacing: 2px;
        margin-bottom: 42px;
    }

    .site-footer h3 {
        font-size: 24px;
        margin-bottom: 18px;
    }
}


@media (max-width: 991.98px) {

    section[data-bg], div[data-bg] {background-attachment: scroll;}

    .navbar-nav{
        padding-right: 0;
        line-height: 32px;
        margin-bottom: 16px;
    }
    .navbar-divider {flex: 1;}
    .wpml-ls-item {margin: 0 30px 0 0;}

    .fatade3d-banner {
        padding-top: 145px;
        padding-bottom: 400px;
        max-height: 790px;
    }
    .fatade3d-banner::after {width: 22vw;}
    .fatade3d-banner h1 {font-size: 30px;}
    .fatade3d-banner h6, 
    .fatade3d-banner p {margin-bottom: 30px;}
    .fatade3d-banner__buttons {margin-bottom: 20px;}

    .site__section__title {margin-bottom: 41px;}

    .footer-nav ul li {font-size: 14px;}

    .fatade3d-showcase__cover {
        min-height: auto;
        width: 100%;
    }

    .section-portfolio {padding-bottom: 0;}
    .section-portfolio__carousel {padding: 0 30px;}
    
    .fatade3d-shop-intro .section-title,
    .fatade3d-mesteri-cta .section-title {margin-bottom: 46px;}

    .fatade3d-partner-review .partner-name,
    .site-footer h3 {font-size: 20px;}
    .fatade3d-partner-review .partner-company {
        font-size: 14px;
        margin-bottom: 24px;
    }
    .fatade3d-partner-review .text-content {
        font-size: 16px;
        padding: 28px 30px;
    }

    .fatade3d-pasi-consultatie {padding-bottom: 0;}
    .fatade3d-pasi-consultatie__machet {
        position: static;
        max-width: 75%;
        display: block;
        margin: 30px auto -24px;
        transform: translateX(0);
    }
 }

@media (max-width: 767.98px) {
    #page {overflow-x: hidden;}
    .fatade3d-banner::after {display: none;}
    
 }

@media (max-width: 575.98px) {
    .navbar {background-color: var(--bs-white);}
    .navbar-collapse {
        border-top: 0;
        max-width: 100%;
        padding: 0 30px 20px;
        text-align: center;
        max-height: 390px;
    }
    .navbar__top-tel a {
        display: block;
        color: var(--bs-white);
        font-size: 0px;
        width: 45px;
        height: 45px;
        overflow: hidden;
        border: 2px solid #263747;
        border-radius: 50%;
        margin: 0;
    }
    .navbar__top-tel img {margin: 8px;}
    .wpml-ls-item.wpml-ls-item-ru .wpml-ls-native:before {margin-right: 13px;}
    .wpml-ls-item.wpml-ls-item-ro .wpml-ls-native:after {margin-left: 13px;}


    .site-footer {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .site-footer__logo {margin-bottom: 38px;}
    .footer-nav {margin-bottom: 10px;}
    .site-footer__copyright {
        margin-top: 20px;
        font-size: 12px;
    }
    .site-footer h3 {
        font-size: 14px;
    }
    .footer-nav li img {
        width: 18px;
        margin-right: 10px;
    }

    .navbar {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .navbar-brand img {
        width: 150px;
    }
    .navbar-toggler .navbar-toggler-icon {
        width: 24px;
        margin: 3px 0;
    }
    .navbar-toggler .top-bar {transform-origin: 20% 10%;}
    .navbar-toggler .bottom-bar {transform-origin: 0 90%;}

    .fatade3d-banner {
        min-height: auto;
        height: auto;
        max-height: inherit;
        padding-top: 104px;
        padding-bottom: 0;
    }
    .fatade3d-banner::after {display: none;}
    .fatade3d-banner h1 {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .fatade3d-banner h1 br {display: none;}
    .fatade3d-banner h2 {font-size: 18px;}
    .fatade3d-banner h6, .fatade3d-banner p {font-size: 14px;}
    .fatade3d-banner__buttons {margin-bottom: 17px;}
    .fatade3d-banner h4 {
        font-size: 11px;
        margin-bottom: 19px;
    }
    .fatade3d-banner__buttons .btn {min-width: 100%;}

    .fatade3d-banner__premiu {
        max-width: 100%;
        position: static;
        margin: 0 0 10px -40px;
    }
    .fatade3d-banner h6, .fatade3d-banner p {margin-bottom: 70px;}
    .fatade3d-banner h4,
    .fatade3d-banner__buttons {
        position: relative;
        z-index: 5;
    }
    .fatade3d-banner h6 {
        font-size: 12px;
        margin-bottom: 46px;
    }
    .mobile-covers {position: relative;}
    .fatade3d-banner__mascota {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 230px;
        height: 430px;
        object-fit: contain;
        object-position: bottom right;
        margin: 0;
    }
    .scroll-down {position: static;}

    .fatade3d-showcase {
        font-size: .875rem;
        line-height: 1.31rem;
        padding-top: 100px;
        padding-bottom: 30px;
    }
    .fatade3d-showcase br {display: none;}
    .fatade3d-showcase h1,
    .fatade3d-showcase h2 {
        font-size: 1.25rem;
        line-height: 1.6875rem;
        margin-bottom: 15px;
    }
    .fatade3d-showcase p {margin-bottom: 20px;}
    .fatade3d-statistici {
        column-gap: 20px;
        margin-bottom: -60px;
        position: relative;
        z-index: 3;
    }
    .fatade3d-statistici .item {
        text-align: center;
        margin-bottom: 0;
    }
    .fatade3d-statistici .item .icon {
        width: 20px;
        height: 20px;
    }
    .fatade3d-statistici .item h3 {
        font-size: 1rem;
        line-height: 1.125rem;
    }
    .fatade3d-showcase__mobile-cover {
        width: 100vw;
        margin-left: -12px;
        margin-bottom: -30px;
    }
    .fatade3d-showcase__mobile-cover::before {
        background: linear-gradient(2.12deg, rgba(255, 255, 255, 0) 53.72%, #FFFFFF 79.48%);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .fatade3d-showcase__mobile-cover img {
        height: 300px;
        object-fit: cover;
    }

    .fatade3d-showcase .fatade3d-banner__buttons {
        margin-bottom: 0;
        padding: 0 40px;
    }

    .fatade3d-portfolio {padding-top: 0;}
    .fatade3d-portfolio__group {padding-top: 38px;}

    .section-title h4 {
        font-size: 18px;
        margin-bottom: 18px;
    }
    .section-title h2 {font-size: 20px;}

    .carousel-buttons {
        justify-content: center;
        margin-bottom: 30px;
    }
    .carousel-buttons .slick-arrow {
        width: 44px;
        height: 44px;
    }

    .portfolio-allworks-slick {min-height: 260px;}
    .fatade3d-portfolio__group.overflow-hidden {margin-bottom: 45px;}
    .fatade3d-portfolio__group {
        padding-bottom: 45px;
        position: relative;
    }
    .fatade3d-portfolio__group .carousel-buttons,
    .fatade3d-parteneri-reviews .carousel-buttons,
    .fatade3d-testimonials .carousel-buttons {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .fatade3d-testimonials,
    .fatade3d-parteneri-reviews {
        margin-bottom: 50px;
        position: relative;
    }

    .fatade3d-lucrare {margin-bottom: 12px;}
    .portfolio-allworks-slick.row {margin-bottom: 30px;}

    .fatade3d-shop-intro .section-title, .fatade3d-mesteri-cta .section-title {margin-bottom: 26px;}

    .fatade3d-banner__buttons .btn {line-height: 30px;}
    .btn-lg,
    .fatade3d-lucrare__cover .btn,
    .fatade3d-banner__buttons .btn {font-size: 14px;}
    .btn-lg,
    .fatade3d-banner__buttons .btn {
        padding: 13px 36px;
        width: 100%;
    }

	.home-slider {
		background-size: 100% !important;
		background-position: 0px 60px !important;
		background-repeat: no-repeat;
		min-height: auto;
		padding-top: 45vh;
	}
	.home-slider .container {height: auto;}
    .home-slider .btn-control {
		position: static;
	}

    .section-portfolio__card {margin-bottom: 0;}
    .section-portfolio__card .card-images {height: 350px;}

    .slick-arrow {
        width: 40px;
        height: 40px;
        background-size: contain;
    }
    
    .footerphone {
        height: 50px;
    }
    .footerphone .background {
        display: flex;
        justify-content: center;
        overflow: hidden !important;
        height: 50px;
    }
    .footerphone .background svg {
        max-width: none;
        transform: scale(3);
    }
    .footerphone .main-action {
        position: fixed;
        bottom: 17px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 1;
    }
    .footerphone .phone {
        background: #000;
        width: 67px;
        height: 67px;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        border-radius: 100px;
        display: -webkit-box;
        display: flex;
    }
    .footerphone .phone svg {
        width: 30px;
        height: 30px;
        fill: #fff;
        animation: roll_call 1.40s ease infinite;
    }

    .footerphone .sub-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 70px;
        height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
    }
    .footerphone .sub-actions a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 10px 0;
        width: 100%;
        color: #000;
        -webkit-box-pack: center;
        justify-content: center;
        box-shadow: 0 -5px 5px -5px rgb(0 0 0 / 40%);
        text-decoration: none;
    }
    .footerphone .sub-actions svg {
        width: 28px;
        padding-right: 5px;
    }
    .footerphone .sub-actions span {
        font-size: 12px;
        margin-top: 3px;
        color: #000;
    }
    .section-title,
    .fatade3d-parteneri-reviews .section-title,
    .fatade3d-testimonials .section-title {margin-bottom: 26px;}
    .portfolio-filters {padding-top: 26px;}
    .fatade3d-mesteri-cta {
        margin-top: -65px;
        min-height: 320px;
    }
    .fatade3d-parteneri-reviews {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .carousel-buttons--reviews {
        margin-bottom: 0;
        margin-top: 24px;
    }
    .fatade3d-partner-review {flex-direction: column;}
    .fatade3d-partner-review .media {height: 250px;}
    .fatade3d-partner-review .text-content {
        font-size: 14px;
        line-height: 24px;
    }
    .media .btn-play {
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
    }
    .modal .btn-close {
        width: 40px;
        height: 40px;
        margin: -30px 0 0 0;
    }
    .fatade3d-pasi-consultatie br,
    .contact-form-wrap br  {display: none;}
    .contact-form-wrap h3 {
        line-height: 38px;
        margin-bottom: 24px;
    }
    .form-group input[type="submit"] {height: 60px;}

    .fatade3d-prices {
        padding-top: 75px;
        padding-bottom: 0;
    }
    .fatade3d-prices .section-title {
        font-size: 14px;
        margin-bottom: 42px;
    }
    .fatade3d-prices .section-title h2 {margin-bottom: 14px;}
    .fatade3d-testimonials {
        padding-top: 26px;
        padding-bottom: 30px;
    }
    .fatade3d-contact-forms {
        padding-top: 84px;
        padding-bottom: 30px;
    }
    .contact-form-wrap .count {
        font-size: 59px;
        margin: -34px 0 0 30px;
    }
    .contact-form-wrap {
        padding: 46px 30px 30px;
    }
    

    .thx-page__content {padding: 15px 30px;}
    .thx-page__content h3 {font-size: 18px; margin-bottom: 0;}
}

@media (max-width: 361.98px) {
    .footer-nav {
        width: 100%;
    }
}




/* ----------- ANIMATIONS ----------- */
@-webkit-keyframes roll_call {
	0%,12%,18%{
		-webkit-transform:rotate(-10deg);
		transform:rotate(-10deg)
	}
	6%{
		-webkit-transform:rotate(10deg);
		transform:rotate(10deg)
	}
	24%{
		-webkit-transform:rotate(0);
		transform:rotate(0)
	}
}

@-moz-keyframes roll_call {
	0%,12%,18%{
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		transform:rotate(-10deg)
	}
	6%{
		-webkit-transform:rotate(10deg);
		-moz-transform:rotate(10deg);
		transform:rotate(10deg)
	}
	24%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		transform:rotate(0)
	}
}

@-o-keyframes roll_call {
	0%,12%,18%{
		-webkit-transform:rotate(-10deg);
		-o-transform:rotate(-10deg);
		transform:rotate(-10deg)
	}
	6%{
		-webkit-transform:rotate(10deg);
		-o-transform:rotate(10deg);
		transform:rotate(10deg)
	}
	24%{
		-webkit-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0)
	}
}

@keyframes roll_call {
	0%,12%,18%{
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		-o-transform:rotate(-10deg);
		transform:rotate(-10deg)	
	}
	6%{
		-webkit-transform:rotate(10deg);
		-moz-transform:rotate(10deg);
		-o-transform:rotate(10deg);
		transform:rotate(10deg)
	}
	24%{
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0)
	}
}