/*
 * Author: Luca Arzilli, ALSolutions
 *
 * Project Name: Geen
 *
 */

/* FONT */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

input:focus {
    outline:none;
}

.navbar {
	background-color:#353543;
	margin:0px;
	padding:10px 7%;
	background-color:trasparent;
}

.container-fluid {
	padding:0% 7% !important;
}

body {
  	background-color: #D3D4EC;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

p {
	font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin-bottom:15px;
}
strong {
	font-weight:600;
}

hr {
	background-color: #D93839;
	width:50px;
	height:10px;
	border-radius:5px;
	opacity:1;
	border:0px;
	margin-top:0px;
	margin-bottom:10px;
}

::selection {background:#d1d1ce;color:#FFF;}
::-moz-selection {background:#d1d1ce;color:#FFF;}


.btn-menu, .btn-menu-o {
	background-color: transparent;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	color:#E8E8E8;
	padding:0px !important;
	margin:0px;
	border:0px;
	border-radius:0px;
	height:30px;
}
.btn-menu:active, .btn-menu:hover {
    background-color: transparent !important;
    color: #D93839;
    text-shadow: none !important;
}
.btn-menu-o:active, .btn-menu-o:hover {
    background-color: transparent !important;
    text-shadow: none !important;
}

.btn-grey {
	background-color: #E0E0E0;
	border:1px solid #3D3D3D;
	color:#3D3D3D;
}
button {
	background-color:#D93839;
	font-size: 14px;
  	line-height: 14px;
  	font-weight:bold;
	color:#FFF;
	padding:20px 25px !important;
	border:0px;
	border-radius:30px;
	margin-top:30px;
	text-transform:uppercase;
}
button:active, button:hover {
    background-color: #bd2d2e !important;
    color: #FFF;
    text-shadow: none !important;
}
section {
	padding:120px 0px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat";
    font-weight:normal;
    letter-spacing:-2px;
}

input, textarea {
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    padding: 0px 20px 0px 20px;
    border: solid 1px #E0E0E0;
    border-radius:25px;
    height: 50px !important;
}
textarea {
	height: 100px;
}


select {
    background: #FFF;
    -webkit-appearance: none;
    width: 100%;
    padding: 0px 10px 0px 10px;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid #FFF;
    height: 32px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #2d432b;
}

#scrolltop a {
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:20px;
	border:2px solid #D93839;
	font-size: 20px;
	color: #D93839;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	background-color:transparent;
	margin-top:12px;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:5px;
	padding-top:0px;
	z-index:999;
}

#scrolltop a:hover, #scrolltop a:focus {
	text-decoration:none;
	color:#D93839;
}

#scrolltop {
	display:none;
	position:fixed;
	bottom:5vh;
	right:1.5vw;
}

.nopadding {
	padding:0px;
}
.nomargin {
	margin:0px;
}

.error {
	color:#cd0c0c;
}

footer {
	padding:0px;
}
footer .contattaci {
	padding:120px 0px;
	background-image:url('../img/bg/GEEN-FOOTER.webp');
	background-size:cover;
	background-position:center;
	border-top-left-radius: 10vw;
	border-top-right-radius: 10vw;
}
footer .contattaci .col-lg-6, footer .contattaci .col-md-6, footer .contattaci .col-sm-6, footer .contattaci .col-xs-12, footer .contattaci .col-12{
	padding:0vh 5vw;
}
footer .contattaci h3 {
	color: #FFF;
	font-size: clamp(30px, 3vw, 55px);
    line-height: clamp(35px, 3.5vw, 60px);
	font-weight:normal;
	margin-bottom:30px;
}
footer .contattaci p {
	color: #FFF;
}
footer .contattaci a {
	font-size: clamp(25px, 2vw, 55px);
    line-height: clamp(30px, 3.5vw, 60px);
    color:#FFF;
    text-decoration:none;
}
footer .info{
	background-color:#202029;
	color:#D3D4EC;
	padding:20px 0px;
	box-shadow: -5px -5px 15px rgba(32, 32, 41, 0.3),
               	5px -5px 15px rgba(32, 32, 41, 0.3);
    -moz-box-shadow:  -5px -5px 15px rgba(32, 32, 41, 0.3),
               	5px -5px 15px rgba(32, 32, 41, 0.3);
    -webkit-box-shadow:  -5px -5px 15px rgba(32, 32, 41, 0.3),
               	5px -5px 15px rgba(32, 32, 41, 0.3);
              
}
footer .border-right-desktop {
	border-right:1px solid #FFF;
}
footer .info p {
	font-size: 11px;
  	line-height: 14px;
  	font-family: "Montserrat";
  	font-weight: 300;
  	margin-bottom:0px;
}

.form-footer .nav-tabs {
	padding:0px;
	border: 0px !important;
}
.form-footer .nav-link {
	font-family: "Montserrat";
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	text-transform:uppercase;
	background-color: transparent;
	border:0px !important;
	border-bottom:0px !important;
	color: rgba(255, 255, 255, 0.3) !important;
	border-radius:0px;
	height:auto;
	padding:0px;
}
.form-footer .nav-link button:hover {
	background-color: transparent;
}
.form-footer .nav-tabs .active {
	background-color: transparent;
	color:#FFF !important;
}
.form-footer button {
	color:#FFF;
	background-color:#000;
	margin-top:0px;
}
.form-footer button:hover, .form-footer button:focus {
	background-color:#D3D4EC !important;
	color:#000 !important;
}
.form-footer input {
	border:2px solid #000;
	margin:25px 0px;
}

.image-container {
    position: relative;
    display: inline-block;
}
.border-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    right: -10px;
    bottom: -10px;
    border: 1px solid #D93839;
    pointer-events: none;
    z-index: 10;
}
.image-container img {
    position: relative;
    display: block;
    max-width: 100%;
	z-index: 1;
}

.p-t-0 {
	padding-top:0px !important;
}


.sidenav {
  height: 0;
  width: 100vw;
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  background-color: #353543;
  overflow-x: hidden;
  transition: 0.5s;
}
.col-link {
	background-color:#D93839;
	border-top-left-radius:20vw;
	min-height:100vh;
	padding:15px 7% 15px 3.5%;
	text-align:right;
}
.col-link-mobile {
	background-color:#D93839;
	border-top-left-radius:20vw;
	min-height:100vh;
	padding:15px 7%;
	text-align:right;
	margin-left:7%;
}
.div-logo-menu {
	padding:15px 7%;
}
.div-close-mobile {
	padding:15px 7%;
	text-align:right;
}
.btn-menu-o {
	margin-top:3px;
}
.menu-link {
	margin:15vh 0px 0px 0px;
	padding:0px !important;
	list-style-type: none;
}
.menu-link-mobile {
	margin:5vh 0px 0px 0px;
	padding:0px !important;
	list-style-type: none;
}
.menu-link li, .menu-link-mobile li{
	padding:6px 0px;
}
.a-link {
	font-size: clamp(25px, 2.7vw, 55px);
  	line-height: clamp(30px, 3.2vw, 60px);
	font-weight: normal;
	color:#FFF;
	text-decoration:none;
}
.a-sublink {
	font-size: clamp(15px, 1.5vw, 35px);
  	line-height: clamp(20px, 2vw, 40px);
	font-weight: normal;
	color:#FFF;
	text-decoration:none;
}
.menu-contact {
	color:#FFF;
	background-color:#000;
	margin-top:30px;
}
.menu-contact:hover, .menu-contact:focus {
	background-color:#D3D4EC !important;
	color:#000 !important;
}

/* END CSS MENU */

@media (max-width: 575px) {
	.border-right-desktop {
		border:0px !important;
	}
	footer .container-fluid {
		padding:0px !important;
	}
	footer .contattaci {
		border-top-left-radius: 0px !important;
		border-top-right-radius: 20vw !important;
		background-image:none;
		background-color:#c94640;
		padding:70px 0px;
	}
	footer .form-section {
		margin-top:50px;
	}
	footer p {
		margin-bottom:15px !important;
	}
	#scrolltop {
		bottom:7%;
	}
	#scrolltop a {
		margin-right:0px;
	}
	section {
		padding:70px 0px;
	}
}