@font-face {

    font-family: 'P-LightItalic';

    src: url('../fonts/Poppins-LightItalic.WOFF');

}



@font-face {

    font-family: 'P-Regular';

    src: url('../fonts/Poppins-Regular.WOFF');

}



@font-face {

    font-family: 'P-SemiBold';

    src: url('../fonts/Poppins-SemiBold.WOFF');

}



@font-face {

    font-family: 'P-Bold';

    src: url('../fonts/Poppins-Bold.WOFF');

}



@font-face {

    font-family: 'P-Black';

    src: url('../fonts/Poppins-Black.WOFF');

}



@font-face {

    font-family: 'M-Regular';

    src: url('../fonts/Montserrat-Regular.WOFF');

}



@font-face {

    font-family: 'M-Bold';

    src: url('../fonts/Montserrat-Bold.WOFF');

}



@font-face {

    font-family: 'M-ExtraBold';

    src: url('../fonts/Montserrat-ExtraBold.WOFF');

}





/*--------------------Global--------------------*/



html,

body {

    font-family: 'P-Regular';

    color: #323232;

    font-size: 16px;

}




a {

    text-decoration: none;

}



p,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

}



section,

.section,

footer {

    padding: 6rem 0;

    text-align: center;

}



p:not(:last-child) {

    margin-bottom: 1rem;

}



p {

    color: #878787;

    line-height: 2rem;

}



::-moz-selection {

    background: #e2b600;

    color: #fff;

}



::selection {

    background: #e2b600;

    color: #fff;

}



.overlay {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



/*------------------------------------------header------------------------------------------*/



header {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 100%;

    z-index: 9999;

}



header .top-bar {

    background-color: #054a97;

    padding: .3rem 0;

}



header .top-bar .row-top-bar-wrapper .columns:last-child {

    text-align: right;

}



header .top-bar .row-top-bar-wrapper .columns a {

    color: #fff;

}



header .top-bar .row-top-bar-wrapper .columns a:not(:last-child) {

    margin-right: 2rem;

}



header .top-bar .row-top-bar-wrapper .columns a svg {

    fill: #fff;

    height: 1.2rem;

    transform: translateY(3px);

    margin-right: .5rem;

}



header .top-bar .row-top-bar-wrapper .columns a span {

    font-size: .9rem;

    font-family: 'M-Bold';

    letter-spacing: 1px;

}



header .nav-wrapper {

    background-color: #f7f9ff;

    padding: 1.3rem 0;

}



header .nav-wrapper > .row {

    display: flex;

    align-items: center;

}



header .desktop-menu-wrapper {

    text-align: right;

}



header nav ul li {

    display: inline-block;

    list-style-type: none;

}



header nav ul li a {

    font-family: 'P-Bold';

    color: #484848;

    letter-spacing: 1px;

    transition: .3s;

}



header nav ul li a:hover {

    color: #054a97;

}



header nav ul li:not(:last-child) {

    margin-right: 2.6rem;

}



header nav ul li.submenu {

    position: relative;

}



header nav ul li.submenu:before {

    content: url('../../../images/li-arrow.png');

    position: absolute;

    right: -1rem;

    top: 0;

    transition: .3s;

}



/*submenu*/



header nav ul li.submenu:hover:before {

    transform: rotate(-180deg);

}



header nav ul li.submenu ul {

    position: absolute;

    background-color: #f7f9ff;

    text-align: left;

    padding: 1rem;

    min-width: 350px;

    max-width: 100%;

    opacity: 0;

    pointer-events: none;

    transition: .3s;

    left: 0;

    right: 0;

    margin: auto;

    transform: translateX(-12%);

}



header nav ul li.submenu:hover ul {

    opacity: 1;

    pointer-events: all;

}



header nav ul li.submenu ul li {

    margin-right: 0;

    padding: .3rem 0;

    width: 100%;

}



header nav ul li.submenu ul li:not(:last-child) {

    border-bottom: 1px solid #d4d4d4;

}



header nav ul li.submenu ul li a {

    font-family: 'P-Regular';

    font-weight: 400;

    font-size: .9rem;

}





/*submenu*/



/*------------------------------------------head------------------------------------------*/



.head-container {

    width: 100%;

    height: 100vh;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    color: #fff;

    position: relative;

    background-attachment: fixed;

}



.overlay-style1 {

    background-color: #000;

    opacity: .4;

}



.head-container .row-head-text {

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 50%;

    transform: translateY(-50%);

}



.head-container .row-head-text h1 {

    font-family: 'M-Bold';

    font-size: 3.7rem;

    margin-bottom: 2rem;

}



.head-container .row-head-text h1 span {

    display: block;

}



.head-container .row-head-text p {

    width: 70%;

    margin-bottom: 2rem;

}



.p-style1 {

    color: #fff;

    line-height: 2rem;

}



.button-style1,

.button-style2 {

    color: #fff;

    font-family: 'P-Bold';

    font-size: .9rem;

    padding: .9rem 3.8rem;

    max-width: 100%;

    display: inline-block;

    letter-spacing: 2px;

    position: relative;

    z-index: 2;

}



.button-style1 {

    background-image: -moz-linear-gradient(0deg, rgb(65, 167, 225) 0%, rgb(0, 119, 187) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(65, 167, 225) 0%, rgb(0, 119, 187) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(65, 167, 225) 0%, rgb(0, 119, 187) 100%);

    background-color: transparent;

    opacity: .3s;

}



.button-style2 {

    background-image: -moz-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    background-color: transparent;

    opacity: .3s;

}





.button-style1:hover,

.button-style2:hover {

    background-color: #323232 !important;

    background-image: none;

    background-image: none;

    background-image: none;

}





.button-style-head {

    margin-right: 2rem;

}





/*------------------------------------------contact bar------------------------------------------*/



.general-contact-bar {

    text-align: center;

    background-image: -moz-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    background-image: -webkit-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    background-image: -ms-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

}



.general-contact-bar .columns {

    height: 100%;

    padding: 1rem 0;

}



.general-contact-bar .columns svg {

    height: 40px;

    margin-right: 1rem;

}



.general-contact-bar .columns:nth-of-type(2) {

    -webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);

    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);

    background-color: #323232;

}



.contact-bar-container {

    display: inline-block;

}



.contact-bar-container > span {

    display: flex;

    align-items: center;

}



.contact-bar-container a {

    display: flex;

    align-items: center;

}



.contact-bar-container > span span {

    font-size: 1.3rem;

}



.contact-bar-container a {

    color: #dbc329;

    font-size: 1.6rem;

    font-family: 'P-Bold';

    animation: animate-phone1 2s infinite;

}





@keyframes animate-phone1 {

    0% {

        opacity: .5;

    }

    50% {

        left: 1;

    }

    100% {

        left: .5;

    }

}





.general-contact-bar .columns:not(:nth-of-type(2)) {

    fill: #323232;

}



.general-contact-bar .columns:nth-of-type(2) svg {

    fill: #dbc329 !important;

}





/*------------------------------------------Section1------------------------------------------*/



.section1 {

    text-align: left;

}



.global-img-shadow {

    box-shadow: -2.862px 14.724px 39.2px 0.8px rgba(0, 0, 0, 0.21);

}



.title-style1 {

    margin-bottom: 5rem;

    display: inline-block;

}



.title-style1 h2 {

    font-weight: 400;

    font-size: 2rem;

    line-height: 2.2rem;

    position: relative;

}



.title-style1 h2 span {

    font-family: 'P-SemiBold';

}



.title-style1 .span-over-title {

    text-transform: uppercase;

    font-family: 'P-Bold';

    color: #b0b0b0;

    font-size: .75rem;

    font-style: italic;

    letter-spacing: 1px;

}



.title-style1 h2:before {

    content: "";

    width: 3rem;

    height: 3px;

    background-color: #0379bc;

    position: absolute;

    left: 0;

    bottom: -1rem;

}



.title-style2 h2:before {

    left: 0;

    right: 0;

    margin: auto;

}



.p-style2 {

    color: #878787;

    line-height: 2rem;

}



.section1 .columns-text-right ul li {

    list-style-type: none;

    line-height: 3rem;

}



.section1 .columns-text-right ul li:not(:last-child) {

    border-bottom: 1px solid #ededed;

}



.style-bold {

    font-family: 'P-Bold';

}



.section1 .columns-text-right ul li svg {

    height: 15px;

    fill: #dbcd31;

    margin-right: 1rem;

}



/*------------------------------------------Section cta------------------------------------------*/



.section-cta {

    background-image: url('../../../images/background-cta.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    background-attachment: fixed;

    padding: 6rem 0;

    position: relative;

}



.overlay-style-cta {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    opacity: .6;

}



.section-cta .row {

    position: relative;

}



.section-cta .row .icon-container {

    border-radius: 50%;

    display: inline-block;

    background-color: rgba(255, 255, 255, 0.4);

    padding: .5rem;

    transition: .3s;

}



.section-cta .row .icon-container div {

    background-color: #dbc128;

    padding: 1rem;

    border-radius: 50%;

    transition: .3s;

    width: 4rem;

    height: 4rem;

}



.section-cta .row .icon-container div img {

    height: 2rem;

    transition: .3s;

}



.section-cta .row .cta-title {

    display: block;

    color: #fff;

    margin-top: 1.5rem;

    text-transform: uppercase;

    font-size: 1.4rem;

}



.section-cta .row .columns:hover .icon-container {

    background-color: #fff;

}



.section-cta .row .columns:hover div img {

    transform: rotate(360deg);

    opacity: .7;

}



/*------------------------------------------section about------------------------------------------*/



.section-about {

    position: relative;

}



.section-about .backgrond-color {

    width: 50%;

    height: 100%;

    background-color: #323232;

    position: absolute;

    left: 0;

    top: 0;

}



.section-about .backgrond-img {

    background-image: url('../../../images/background-about.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 50%;

    height: 100%;

    background-color: #323232;

    position: absolute;

    right: 0;

    top: 0;

}



.section-about .row {

    position: relative;

}



.section-about .row .columns {

    text-align: right;

}



.title-style3 h2 {

    color: #fff;

}



.title-style3 h2:before {

    left: inherit;

    right: 0;

}



.button-style-margin-top {

    margin-top: 2rem;

}



/*------------------------------------------section article------------------------------------------*/



.row-article-container {

    margin-bottom: 4rem;

}



.row-article-container .columns-article-container article {

    border: 1px solid #e3e3e3;

    padding-bottom: 2rem;

}



.row-article-container .columns-article-container article .img-container {

    position: relative;

    height: 250px;

    overflow: hidden;

    border-bottom: 2px solid #dabc23;

    position: relative;

}



.row-article-container .columns-article-container article .img-container .overlay-style-article {

    background-color: #000;

    opacity: .35;

    z-index: 1;

    transition: .3s;

}



.row-article-container .columns-article-container article .img-container img {

    width: 100%;

    height: auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

}



.row-article-container .columns-article-container article h3 {

    margin: 2rem 1rem;

    font-family: 'M-Bold';

    font-size: 1.4rem;

    color: #323232;

    min-height: 99px;

}



.row-article-container .columns-article-container article p {

    margin: 0 1rem 3rem 1rem;
    height: 100px;
    overflow: hidden;

}



.row-article-container .columns-article-container article span {

    display: block;

}



.row-article-container .columns-article-container article .date {

    font-family: 'P-Black';

    color: #939292;

    font-size: .9rem;

}



.row-article-container .columns-article-container article .author {

    text-transform: uppercase;

    color: #dabc23;

    font-size: .9rem;

}



.row-article-container .columns-article-container article:hover .overlay-style-article {

    opacity: 0;

}



/*------------------------------------------section testimonials------------------------------------------*/



.section-testimonials {

    background-image: url('../../../images/background-testimonials.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

    text-align: center;

    color: #fff;

}



.overlay-style-testimonials {

    background-color: #054a97;

    opacity: .97;

    z-index: 1;

}



.section-testimonials .row {

    position: relative;

    z-index: 2;

}

.row-testimonials-wrapper p {
    color: #FFF;
}

.row-testimonials-wrapper .img-wrapper {

    background-color: #daaa15;

    border-radius: 50%;

    padding: .3rem;

    display: inline-block;

    margin-bottom: 4rem;

}



.row-testimonials-wrapper .img-wrapper .img-box {

    width: 5rem;

    height: 5rem;

    border-radius: 50%;

    overflow: hidden;

    position: relative;

}



.row-testimonials-wrapper .img-wrapper .img-box img {

    position: absolute;

    width: 100%;

    height: auto;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

}



.row-testimonials-wrapper span {

    display: block;

}



.row-testimonials-wrapper .columns > div:not(.img-wrapper) {

    margin-top: 2rem;

    display: block;

}



.row-testimonials-wrapper .columns .name {

    text-transform: uppercase;

    font-family: 'P-Bold';

    font-size: .9rem;

    color: #daab15;

}



.row-testimonials-wrapper .columns .location {

    font-size: .9rem;

    color: #939292;

}





/*------------------------------------------section interventii------------------------------------------*/



.section-interventii {

    background-color: #f9f9f9;

}



.section-interventii .interventii-container {

    margin-top: 5rem;

}



.row-interventii-style > .columns {

    padding: 2rem 0;

}



.row-interventii-style .columns > span {

    display: block;

}



.row-interventii-style a {

    display: block;

    color: #878787;

    transition: .3s;

}



.row-interventii-style a:hover {

    color: #dbc329;

}



.row-interventii-style .columns-interventii-style-left {

    text-align: right;

    padding-right: 10%;

    position: relative;

}



.row-interventii-style .columns-interventii-style-left:before {

    content: "";

    position: absolute;

    width: 20px;

    height: 20px;

    background-color: #dbc329;

    border-radius: 50%;

    top: 2.5rem;

    right: 0;

    transform: translateX(52%);

}



.row-interventii-style .columns-interventii-style-right {

    border-left: 1px solid #e3e3e3;

    text-align: left;

    padding-left: 10%;

}



.row-interventii-style .columns-interventii-style-left .text-title1 {

    font-family: 'P-Bold';

    font-size: 1.6rem;

}



.row-interventii-style .columns-interventii-style-right .text-title2 {

    font-family: 'P-Bold';

    font-size: 1rem;

    font-style: italic;

    margin-bottom: 2rem;

}



.row-interventii-style .columns-interventii-style-right .text-title3 span {

    color: #dbc329;

    border-bottom: 1px solid #dbc329;

}



/*------------------------------------------section partners------------------------------------------*/



.row-partners-container {

    margin-top: 6rem;

}



/*------------------------------------------section footer------------------------------------------*/



footer {

    background-color: #858585;

    color: #fff;

    padding-top: 0;

    padding-bottom: 0;
    position: relative;

}



footer .row-footer-content {

    padding: 3rem 0;

    text-align: left;

}



footer .row-footer-content h2 {

    font-family: 'P-Bold';

    font-size: 1.5rem;

    margin-bottom: 2rem;

}



footer .row .columns > a {

    display: block;

    color: #fff;

    transition: .3s;

}



footer .row .columns > a:hover {

    color: #dbc329;

}



footer .row .columns > a.social-f {

    margin-top: 2rem;

    transition: .3s;

    opacity: .7;

}



footer .row .columns > a.social-f:hover {

    opacity: 1;

}



footer .copy-container {

    background-color: #323232;

    padding: 1rem 0;

}



footer .copy-container a {

    display: inline-block !important;

}



/*---------------------------------------------------------pag despre noi---------------------------------------------------------*/



.head-container-secondary {

    height: 70vh;

}



/*centrarea pe mijloc a textului tine cont de inaltimea barii de navigare*/



.head-container .row-head-text {

    margin-top: 66.5px;

}



.despre-noi-section1,

.despre-noi-section2,

.despre-noi-section3 {

    text-align: left;

}



.title-style-h3 {

    margin-bottom: 4rem;

    font-family: 'P-SemiBold';

    font-size: 1.5rem;

}



.despre-noi-section2 {

    color: #fff;

    background-color: #054a97;

}



.despre-noi-section2 p,

.despre-noi-section3 p {

    color: #fff;

}



.despre-noi-section3 {

    color: #fff;

    position: relative;

    background-image: url('../../../images/about-us-section3-background.jpg');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}



.overlay-style-about-us {

    background-color: #000;

    opacity: .4;

}



.despre-noi-section3 .row {

    position: relative;

}



/*---------------------------------------------------------pag reparatii masini---------------------------------------------------------*/



.section1 .columns-img-left {

    position: relative;

}



.section1 .columns-img-left .logo-wrapper {

    margin-top: 2rem;

}



.section1 .columns-img-left .logo-wrapper img {

    width: 200px;

    height: auto;

}



.section-content-reparatii {

    text-align: left;

}



.section-content-reparatii > .row .columns ul li {

    list-style-type: none;

}



.section-content-reparatii > .row:not(:last-child) {

    margin-bottom: 6rem;

}



/*---------------------------------------------------------pag blog---------------------------------------------------------*/



.row-article-container .columns-article-container {

    margin-bottom: 5rem;

}



/*---------------------------------------------------------pag contact---------------------------------------------------------*/



.contact-section1 {

    position: relative;

}



.contact-section1 .background-contact-section1 {

    background-color: #054a97;

    height: 200px;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -1;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper {

    text-align: left;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper h2 {

    margin-bottom: 4rem;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper > span {

    margin-bottom: 4rem;

    display: block;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper:not(:last-child) {

    margin-bottom: 2rem;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper:not(:last-child) a {

    display: flex;

    align-items: center;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper:last-child a {

    display: flex;

    align-items: flex-start;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper a svg {

    display: inline-block;

    width: 2rem;

    fill: #323232;

    margin-right: 1rem;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper a span {

    color: #323232;

    font-size: 1.2rem;

    letter-spacing: 1px;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper .form-wrapper {

    background-color: #fff;

    padding: 2rem;

    box-shadow: -2.862px 14.724px 39.2px 0.8px rgba(0, 0, 0, 0.21);

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper .form-wrapper form input,

.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper .form-wrapper form textarea {

    width: 100%;

    display: block;

    padding: 1rem 0 1rem 1rem;

    margin-bottom: 2rem;

    border: 1px solid #dbc42a;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper .form-wrapper form textarea {

    height: 250px;

    resize: none;

}



.contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper .form-wrapper form .button {

    width: 100% !important;

}



.contact-section2 {

    background-color: #054a97;

}



.contact-section2 .row-contact-type1-wrapper {

    color: #fff !important;

}



.contact-section2 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper > span {

    color: #fff !important;

}



.contact-section2 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper a span {

    color: #fff !important;

}



.contact-section2 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper .contact-wrapper a svg {

    fill: #fff !important;

}



.gmap-wrapper {

    background-color: #fff;

    height: 500px;

}



.title-style-h4 {

    font-size: 1.2rem;

    margin: 4rem 0 2rem 0;

}



.section-content-reparatii p > img {

    width: 400px;

    max-width: 100%;

    float: left;

    margin: 0 1rem 0 0;

}



.section-content-reparatii .row .columns .text-wrapper:not(:last-child) {

    margin-bottom: 4rem !important;

}



.section-content-reparatii .row .columns .text-wrapper .logo-wrapper-style-2 {

    width: 100%;

    height: 400px;

    position: relative;

    background-image: url('../../../images/bubble.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    margin-bottom: 2rem;

}



.section-content-reparatii .row .columns .text-wrapper .logo-wrapper-style-2 img {

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(255, 255, 255, 0.37);

    padding: 2rem;

    width: 273px;

    transition: .3s;

}



.section-content-reparatii .row .columns .text-wrapper .logo-wrapper-style-2:hover img {

    background-color: rgba(255, 255, 255, 1);

}



/*----------/stilizare meniu active---------------*/



#menu1 {

    display: inline-block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 1rem;

}





#menu1 div span {

    display: block;

    width: 32px;

    height: 3px;

    background-color: #1b5aa0;

    transform-origin: center center;

    transition: .2s ease-out;

}



#menu1 div span + span {

    margin-top: 4px;

}



#menu1.toggle span:nth-of-type(1) {

    animation: topLine 350ms ease-out;

    transform: translate3d(0, 7px, 0) rotate3d(0, 0, 1, 45deg);

}



#menu1.toggle span:nth-last-of-type(1) {

    animation: bottomLine 350ms ease-out;

    transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, -45deg);

}



#menu1.toggle span:nth-of-type(2) {

    opacity: 0;

}



@keyframes topLine {

    0% {

        transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 45deg);

    }

    50% {

        transform: translate3d(0, 7px, 0) rotate3d(0, 0, 0, 45deg);

    }

    100% {

        transform: translate3d(0, 7px, 0) rotate3d(0, 0, 1, 45deg);

    }

}



@keyframes bottomLine {

    0% {

        transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, -45deg);

    }

    50% {

        transform: translate3d(0, -7px, 0) rotate3d(0, 0, 0, -45deg);

    }

    100% {

        transform: translate3d(0, -7px, 0) rotate3d(0, 0, 1, -45deg);

    }

}



/*meniu ascuns desktop*/



.mobile-menu-cont {

    display: none;

}





/*---------------------------------------------------------pag article---------------------------------------------------------*/

.article-section1 > .row .columns .article-title {

    font-size: 1.8rem;

    margin-bottom: 1rem;

}



.article-section1 > .row .columns .date {

    font-family: 'P-Black';

    color: #939292;

    font-size: .9rem;

}



.article-section1 > .row .columns .author {

    text-transform: uppercase;

    color: #dabc23;

    font-size: .9rem;

}



.article-section1 > .row .columns > div > span {

    display: block;

}



.article-section1 .row-article-img-wrapper {

    margin-top: 2rem;

}



.article-section1 > .row .columns-article-img-wrapper .div-img-wrapper {

    position: relative;

    width: 100%;

    height: 450px;

    overflow: hidden;

    box-shadow: -2.862px 14.724px 39.2px 0.8px rgba(0, 0, 0, 0.21);

}



.article-section1 > .row .columns-article-img-wrapper .div-img-wrapper img {

    position: absolute;

    width: 100%;

    height: auto;

    top: 50%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

}



.article-section1 .row-article-content {

    margin-top: 4rem;
    text-align: left;

}




.article-section1 .row-article-content .div-article .article-h3-title {

    margin-bottom: 2rem;

}



.article-section1 .row-article-content .div-article:not(:last-child) {

    margin-bottom: 4rem;

}

.tns-outer {
    position: relative;
    z-index: 999;
}


/*---------------------------------------------------------pag reparatii---------------------------------------------------------*/
.reparatii-masini-section1 > .row:not(:last-child) {
    margin-bottom: 4rem;
}

.reparatii-masini-section1 .row ul {
    list-style: none;
    padding: 0;
}

.reparatii-masini-section1 .row ul li {
    line-height: 3.5rem;
}

.reparatii-masini-section1 .row ul li:nth-of-type(odd) {
    background-color: #efefef;
}

.reparatii-masini-section1 .row ul li a {
    color: #323232;
    font-size: 1.2rem;
    font-weight: 600;
    transition: .3s;
}

.reparatii-masini-section1 .row ul li a:hover {
    color: #dbc329;
}

/*---------------------------------------------------------altele---------------------------------------------------------*/
.mobile-call-container {
    display: none;
}

@media only screen and (min-device-width: 0px) and (max-width: 1023px) {

    body {
    padding-bottom: 56px;
}

    /*meniu mobil*/

    header {

        position: fixed;

        width: 100%;

        top: 0;

        left: 0;

    }



    header .nav-wrapper {

        background-image: -moz-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

        background-image: -webkit-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

        background-image: -ms-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    }



    .mobile-menu-cont {

        display: block;

    }



    header .top-bar {

        display: none;

    }



    header .logo-wrapper img {

        position: relative;

        z-index: 9;

    }



    header .desktop-menu-wrapper {

        opacity: 0;

        pointer-events: none;

        transition: .3s;

    }



    header .desktop-menu-wrapper nav {

        position: absolute;

        width: 100%;

        height: 100vh;

        left: 0;

        top: 0;

        background-image: -moz-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

        background-image: -webkit-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

        background-image: -ms-linear-gradient(0deg, rgb(219, 225, 65) 0%, rgb(218, 169, 20) 100%);

    }



    header .desktop-menu-wrapper nav ul {

        padding: 0;

        text-align: center;

        margin-top: 30%;

    }



    header .desktop-menu-wrapper nav ul li {

        display: block;

        line-height: 2.5rem;

    }



    header nav ul li.submenu:before {

        right: 1rem;

    }



    header .desktop-menu-wrapper nav ul li a {

        font-size: 1.2rem;

        color: #fff;

    }



    header nav ul li:not(:last-child) {

        margin-right: 0 !important;

    }



    header .desktop-menu-wrapper.active {

        opacity: 1;

        pointer-events: all;

    }



    header .desktop-menu-wrapper.active .top-bar {

        display: block;

    }







    /*meniu mobil*/

    section,

    .section,

    footer {

        padding: 3rem 0;

    }







    .head-container {

        text-align: center;

        min-height: 100vh;

    }



    .head-container .row-head-text h1 {

        font-size: 1.6rem;

    }



    .head-container .row-head-text p {

        width: 100%;

    }



    .head-container .row-head-text p {

        font-size: .8rem;

    }



    .head-container .row-head-text h1 span {

        display: inline-block;

    }



    .button-style-head {

        margin-right: 0;

        margin-bottom: 1rem;

    }



    .head-container .row-head-text {

        margin-top: 0;

    }



    .general-contact-bar .columns:nth-of-type(2) {

        -webkit-clip-path: none;

        clip-path: none;

    }



    .contact-bar-container > span span {

        font-size: 1rem;

    }



    .general-contact-bar .columns svg {

        height: 30px;

    }



    .section1 .columns-img-left {

        margin-bottom: 2rem;

    }



    .section1 .columns-text-right {

        text-align: center;

    }



    .title-style1 h2:before {

        left: 0;

        right: 0;

        margin: auto;

    }



    .section1 .columns-text-right ul {

        text-align: left;

    }



    .section-cta {

        padding: 2rem 0;

    }



    .section-cta .row .columns:not(:last-child) {

        margin-bottom: 3rem;

    }



    .section-cta .row .icon-container div img {

        width: 1.5rem;

        height: 1.5rem;

    }



    .section-cta .row .cta-title {

        margin-top: 1rem;

        font-size: 1.2rem;

    }



    .section-about .backgrond-img {

        display: none;

    }



    .section-about .backgrond-color {

        width: 100%;

    }



    .section-about .row-about-wrapper .columns-about {

        text-align: center;

    }



    .row-interventii-style .columns-interventii-style-left {

        text-align: center;

        padding-right: 0;

    }



    .row-interventii-style .columns-interventii-style-right {

        padding: 0 .9375rem;

        text-align: center;

    }



    .row-interventii-style .columns-interventii-style-left:before {

        display: none;

    }



    .row-partners-container .columns:not(:last-child) {

        margin-bottom: 3rem;

    }



    .despre-noi-section1,

    .despre-noi-section2,

    .despre-noi-section3 {

        text-align: center;

    }



    .section-content-reparatii {

        text-align: center;

    }





    .contact-section1 .row-contact-type1-wrapper .columns-contact-type1-left-wrapper {

        text-align: center;

    }



    .contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper {

        margin-top: 4rem;

    }



    .contact-section1 .row-contact-type1-wrapper .columns-contact-type1-right-wrapper .form-wrapper {

        padding: 1rem;

    }



    .columns-contact-type1-left-wrapper .contact-wrapper {

        text-align: left;

    }



    footer .row-footer-content {

        text-align: center;

    }



    footer .row-footer-content .columns:not(:last-child) {

        margin-bottom: 4rem;

    }



    footer {

        padding-bottom: 0 !important;

    }



    .general-contact-bar {

        display: block;

    }

    .row-article-container .columns-article-container article .img-container {
        height: auto;
    }

    .row-article-container .columns-article-container article .img-container img {
        position: relative;
        top: 0;
        left: 0;
        transform: translateX(0) translateY(0);
    }

    .button-style1,
    .button-style2 {
        min-width: 248px;
    }

    .article-section1 .row-article-content {

        text-align: center;

    }

    .article-section1 .row-article-content ul {
        padding: 0;
    }

    .article-section1 .row-article-content ul li {
        list-style-type: none;
    }

    .article-section1 .row-article-content ul li:not(:last-child) {
        margin-bottom: 1rem;
    }

    header nav ul li.submenu:hover ul {
        display: none;
    }

    .head-container {
        background-attachment: scroll;
    }

    /*---------------------------------------------------------altele---------------------------------------------------------*/
    .mobile-call-container {
        display: block;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #43c100;
        z-index: 999;
        padding: .5rem 0;
    }

    .mobile-call-container a svg {
        height: 30px;
        fill: #fff;
        margin-right: 1rem;
        transform: translateY(5px);
    }

    .mobile-call-container a span {
        color: #fff;
        font-size: 1.6rem;
        font-family: 'P-Bold';
    }


}


@media only screen and (min-device-width: 0px) and (max-width: 320px) {

    .head-container .row-head-text {
        transform: translateY(-43%);
    }

}