@import url(/templates/OnePageMix_Master/styles.css);

:root {
    --color-light: #b3b3b3;
    --color-dark: #6e6d6d;
    --footer: #000;
    --text: #fff;
}

.L9 .top-header,#mainmenu-container,.L9 #mainmenu.fixed,
.L9 #mainSlideshow .slide-control,.L9 #heading h1,
.L9 #profile-section .toggler,#services-container,
.L9 #gallery-section .gallery-control,.L9 .contactform .submit > input,
#moveToTop {
    background-color: var(--color-light);
}
.L9 #mainmenu li > a:not(.profile):hover, 
.L9 #mainmenu li.selected > a:not(.profile),
.L9 #contact-section .contact-details a,
.L9 #contact-section .contact-details a:visited,
.L9 #contact-section .contact-details a:focus,
.L9 .contactform .submit > input:hover  {
    color: var(--color-light);
}
.L9 #contact-section,#l2footer,
.L9 #contact-section .contact-details {
	background-color: var(--footer);
}
#services-container {
    background-image: linear-gradient(90deg, var(--color-dark) 73.5%, var(--color-light) 100%);
}
.L9 #heading h1,.L9 #profile-section .toggler,
#services-container .services-item,.L9 #contact-section,
.L9 .contactform .submit>input {
    color: var(--text);
}
body.layout2 #l2-menu #mainmenu #languagesv2 > li:hover > a,
body.layout2 #l2-menu #mainmenu #languagesv2 > li.selected > a {
	background-color: var(--text);
	border-color: var(--text);
}
.L9 .contactform .submit > input:hover {
	background-color: var(--text);
	color: var(--color-light);
}
@media screen and (max-width: 768px) {
    #services-container .services-item:nth-child(odd) {
        background-color: var(--color-dark);
    }
    #services-container { background-image: none; }
}