/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.full-header #logo {
    padding-right:0;
    border:none;
}

.full-header .primary-menu .menu-container {
    border-right:none;
}

#header {
    border-bottom:none;
}

.text-color h1, h3, p {
    color:#f6f6f6;
    text-align: left;
}

.text-color h1 {
    margin-bottom:5px;
}

.text-color a {
    background-color:#65bc7b;
    border-radius:4px;   
}

.text-color a:hover {
    background-color:#5aa86c; 
}

.filmulet {
    align-self: center;
}

/* Section A - text intro casa mea */

.section-a {
    padding-top:100px;
    padding-bottom:100px;
    text-align:center;
}

.section-a p {
    color:#000;
    text-align: center;
    max-width: 750px;
    margin:0 auto;
    padding:0 10px 0 10px;
    margin-bottom:25px;
}

.news {
    margin-top:25px;
    background-color:rgba(18,184,120,0.1);
    border:1px solid #12b878;
    padding:25px;
    color: #12b878;
}

.section-a .content {
    margin-bottom:25px;
    color: #12b878;
}

.news p {
    color: #12b878;
}

.galerie {
    padding-bottom:20px;
    padding-top: 25px;
}

/* Section B - de ce sa apelezi la noi */

.section-b {
    padding-top:100px;
    padding-bottom:100px;
    text-align:center;
    background-color: #f6f6f6;
}

.section-b p {
    color:#000;
    text-align: center;
    max-width: 750px;
    margin:0 auto;
    padding:0 10px 0 10px;
}

.benefits {
    margin-top:50px;
} 

.benefits .fas {
    color:#65bc7b;
}

.benefits h3 {
    color:#000;
    text-align: center;
    padding-top:10px;
    font-weight:normal;
    margin-bottom:10px;
}

.benefit-1,
.benefit-2,
.benefit-3,
.benefit-4,
.benefit-5 {
    padding-bottom:50px;
}


.section-b a {
    margin-top:40px;
    background-color:#65bc7b;
    border-radius: 5px;
}

.section-b a:hover {
    background-color:#5aa86c;
}

/* Section C - countere */


.countere {
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap:20px;
    text-align:center;
}

.counter-item {
    border:1px solid #f6f6f6;
    padding-top:30px;
    color:#f6f6f6;
}

.counter-item h5 {
    color:#f6f6f6;
}

.counter-item .fas {
    color:#65bc7b;
}

.counter-item .counter {
    font-size: 40px;
}

/* Section D - servicii complete */

.section-d .content {
    color:#000;
    text-align: center;
    max-width: 750px;
    margin:0 auto;
    padding:0 10px 0 10px;
}

.section-d {
    padding:100px 0 100px 0;
    text-align: center;
}

.section-d .content p {
    color:#000;
    text-align: center;
    max-width: 750px;
    margin:0 auto;
    padding:0 10px 0 10px;
}

/* Section e - contact */

.section-e {
    background-color:#f6f6f6;
    padding-top:100px;
}

.text-contact {
    padding:10px;
}

.text-contact p {
    color:#000;
}

.solid { 
    display: block;
    margin-left: auto;
    margin-right: auto;
    height:5px;
    background:#65bc7b;
    border:none;
  } 

.section-e h1 {
    margin-bottom:10px;
}

.text-contact {
    align-self: center;
}

.telefoane {
    padding-top:20px;
}
.telefoane .iconite {
    margin-right: 10px;
}

.telefoane a {
    font-size:20px;
    color:#212934;
    font-weight:bold;
}

.telefoane a:hover {
    color:#65bc7b;
}

/* Section F - call to action */

.section-f .content {
    text-align: center;
    max-width: 750px;
    margin:0 auto;
    padding:0 10px 0 10px;
}

.section-f {
    padding:100px 0 100px 0;
    text-align: center;
}

.section-f .content h1 {
    color:#f6f6f6;
}

.section-f .content p {
    color:#f6f6f6;
    text-align: center;
    max-width: 750px;
    margin:0 auto;
    padding:0 10px 0 10px;
}

.section-f .content .button {
    margin-top:30px;
    background-color:#65bc7b;
    border-radius: 5px;
}

.section-f .content .button:hover {
    background-color:#5aa86c;
}

/* Footer Copyright */

#copyrights {
    background-color:white;
}

.developed {
    color:#65bc7b;
    font-weight: bold;
}

/* Pentru paginile secundare */

.texte-negre p {
    color: #000;
}

#logo a.standard-logo {
    display:initial;
}


@media only screen and (max-width:425px) {
    .text-color a {
        margin-bottom:30px;  
    }
    
    .section-a,
    .section-b,
    .text-contact {
        padding: 10% 5% 10% 5%;
    }

    .countere {
        display:grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap:20px;
        text-align:center;
    }

    .section-e {
        margin-bottom:-100px;
        padding-top:0;
    }
}



@media only screen and (min-width: 426px) and (max-width: 768px) {
    .section-a,
    .section-b {
        padding: 10% 5% 10% 5%;
    }

    .countere {
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap:20px;
        text-align:center;
    }

    .text-color h1 {
        font-size:25px;
    }

    .text-color h3 {
        font-size:15px;
        margin-bottom:10px;
    }

    .text-color p {
        margin-bottom:15px;
    }
}


@media only screen and (min-width:1024px) {
    .boxed {
        max-width:95%;
    }
    .section-a {
        max-width:90%;
        margin:0 auto;
    }

    .news {
        max-width:70%;
        margin:0 auto;
    }

}

@media only screen and (min-width:1440px) {
    .boxed {
        max-width:60%;
    }

    .header-row,
    .section-a {
        max-width:60%;
        margin:0 auto;
    }

    .news {
        max-width:60%;
        margin:0 auto;
    }
}