/*
Theme Name: Replax
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
*/

:root {
  --background-color: #fff;
  --background-color-text: #343434;
  --text-color: #242424;
  --text-color-alt: #fff;
  --base-font-size: 12px;
  --primary-color: #3A7C22;
  --primary-color-text: #ffffff;
  --base-font: "Century Gothic'", sans-serif;
}


body { font-size: var(--base-font-size); font-weight:400; font-family: var(--base-font); color: var(--text-color); background: var(--background-color); position: relative; margin: 0; padding: 0; }

a { text-decoration:none; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; color:var(--text-color); }
a:hover { color:var(--primary-color);  }

.btn { padding: 0.2em 1em; }
.btn-default { color: var(--primary-color-text); border: none; background-color: transparent; text-transform: uppercase; letter-spacing: 1em; font-weight: 900; font-size: 1.4rem; text-shadow: 0 0 0.2em rgba(0,0,0,0.4); }
.btn-default:hover { color: var(--primary-color); border: none; background-color: var(--primary-color-text); text-shadow: none;}

.deco-title{ font-family:var(--alt-font); }

.text-white, .text-white > * { color:#fff; }

#main-header{ position:absolute; z-index:999; top:0; right:0; left:0; bottom:0; }

#logo { display: block; max-width:60%; margin: 0 auto; }
#logo img{ width:100%; height:auto; }

#slider{ position:relative; height:100vh; }
.carousel .carousel-inner { position: relative; width: 100%; height: 100%; }
.carousel .carousel-inner .carousel-item { height: 100%; }
.carousel .slide { background-attachment: scroll; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.carousel .slide img { opacity: 0; height: 100%; width: 100; }

.company-list, .contact-list { list-style: none inside; margin: 0; padding: 0; text-align: center; }
.contact-list .contact { padding:0.5em; margin-bottom:0.5em; border:1px solid var(--primary-color); }
.contact-list .contact .name {color:var(--primary-color); font-size:1.2em; }
.contact-list .contact .info{ font-size:0.875em; letter-spacing:0.4px; }
.contact-list .contact .info a { color:var(--text-color); text-decoration:none; }
.contact-list .contact .info a:hover { text-decoration:underline; }

@media screen and (max-width: 1699px) {
	.btn .fas, .btn .far, .btn .fab { display:none; }
}

@media screen and (max-width: 1399px) {
	
}

@media screen and (max-width: 1199px) {
	.btn .fas, .btn .far, .btn .fab { display:inline; }
}

@media screen and (max-width: 991px) {
	
}

@media screen and (max-width: 767px) {
	
	.btn .fas, .btn .far, .btn .fab { display:none; }
	.btn-default { letter-spacing: 0.2em; }
	
}

@media screen and (max-width: 575px) {
	
}

@media screen and (max-width: 450px) {
	
}

@media screen and (max-width: 320px) {
	
}