:root{--bs-link-color: #C39832;}
:root{--bs-link-hover-color: #C39832;}
:root{--bs-body-color: #FFFFFF}
:root{--bs-body-font-weight: 300}
:root{--as-font-weight-bold: 600}

a, .btn, a i, .faq h4 span.fa-plus, .val h4 span.fa-plus, .form-control {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

body {-webkit-backface-visibility:hidden;backface-visibility: hidden;background-color:#FAE9C8;font-size:1rem;line-height:1.5rem;color:var(--bs-body-color);font-weight:var(--bs-body-font-weight); font-family: "Roboto", sans-serif;font-optical-sizing: auto;}
.p {font-size:1rem;line-height:1.5rem;color:var(--bs-body-color);}
b, strong {font-weight: var(--as-font-weight-bold)}
small, .small {font-size:70%}
a {color: var(--bs-link-color)}
a:hover, a:focus {color: var(--bs-link-hover-color);text-decoration:underline}
h1, .h1, h1 small, h2, .h2, h3, .h3, h4, h4 small, .h4, h5, .h5, .p {font-weight:400;}
.btn-link {color: var(--as-link);padding:0}
.btn-link:hover, .btn-link:focus {color: var(--bs-link-hover-color)}
.blue, a.blue:hover, a.blue:focus {color:#242A5C}
.bg_ocra {background-color:#C39832}
.bg_ocra a, .bg_ocra a:hover, .bg_ocra a:focus {color:#ffffff;}
.bg_brown {background-color:#A07148}
.bg_blue {background-color:#242A5C}
.img_ov_right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5)}
.img_ov_left {position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5)}
.button {border:none;color:var(--bs-link-color);width:100%;display:inline-block;background-color:#242A5C;border-radius:3rem;-moz-border-radius:3rem;-webkit-border-radius:3rem;text-decoration:none;padding:1rem 3rem}
#send-btn {width:auto!important;}
.round {border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;}
.form-control {background-color:transparent;border-radius:0;border:none;border-bottom:1px solid #ffffff}
.form-control:focus {background-color:rgba(255,255,255,0.2);box-shadow:none;border-bottom:1px solid #ffffff}

/*--- NAVIGATION ---*/
header {position:fixed;top:0;left:0;right:0;width:100%;z-index:1;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.2)}
header ul#menu_list {list-style-type:none;padding-left:0;padding-right:0}
header ul#menu_list li {vertical-align:top}
header ul#menu_list li a, header ul#menu_list li a:hover, header ul#menu_list li a:focus {text-decoration:none;}
header ul#menu_list li .submenuCollapse ul {padding-left:0px;}
header ul#menu_list li.active > a {text-decoration:underline;color: var(--bs-link-hover-color)}

@media screen and (max-width:991px) {
	#menu_wrapper.mobile_menu_active {position:fixed;z-index:999;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;}
	header {margin:0px;padding:10px 0;background-color:#242A5C}
	header #menu_open {font-size:20px;line-height:40px;display:inline-block;cursor:pointer;color:var(--bs-link-color)}
	header a#logo {max-height:40px;display:inline-block;}
	header a#logo img {height:40px;width:auto;}
	header ul#menu_list {overflow-y:auto !important;position:fixed;top:0;z-index:1000;left:-240px;height:100%;width:230px;background-color:#242A5C;box-shadow:0px 0px 8px 8px rgba(0,0,0,0.2)}
	header ul#menu_list li {display:block;}
	header ul#menu_list li a {text-decoration:none;display:block;padding:20px 20px;border-bottom:1px solid #394180}
	header ul#menu_list li .submenuCollapse ul {background-color:#E9E9E9}
	header ul#menu_list li .submenuCollapse ul li a {padding:15px 15px 15px 30px;font-size:0.9rem;line-height:1.2rem}
}

@media screen and (min-width:992px) {
	header {background-color:#242A5C}
	header a#logo {padding:20px 0;display:inline-block;}
	header ul#menu_list {padding:10px 0;display:flex;align-items:start;margin-bottom:0px;margin-top:0px;}
	header ul#menu_list li {margin: auto;position:relative}
	header ul#menu_list li a {position:relative;z-index:10;}
	header ul#menu_list li a:hover, header ul#menu_list li a:focus {text-decoration:underline;}
	header ul#menu_list li .submenuCollapse {position:absolute;white-space:nowrap;}
	header ul#menu_list li .submenuCollapse ul {list-style-type:none}
	header ul#menu_list li .submenuCollapse ul li {margin:0;padding:6px 0;position:relative;z-index:9}
}

/*--- TEAM ---*/
#team a.blue.collapsed span.fa-plus::before {--fa:"\2b"; --fa--fa:"\2b\2b"}
#team a.blue span.fa-plus::before {--fa:"\f068"; --fa--fa:"\f068\f068"}
#historyCar .carousel-item {height:300px;}
#historyCar .carousel-caption {right:10%;left:10%}
#historyCar .carousel-control-next, #historyCar .carousel-control-prev {top:auto;bottom:55px;color:#242A5C;font-size:34px;opacity:1}
#historyCar .carousel-control-next {right:30%}
#historyCar .carousel-control-prev {left:30%}

@media screen and (max-width:991px) {
	#historyCar .carousel-caption {right:0%;left:0%}
	#historyCar .carousel-control-next {right:20%}
	#historyCar .carousel-control-prev {left:20%}
}

@media screen and (max-width:768px) {
	#historyCar .carousel-item {height:400px;}
	#historyCar .carousel-control-next, #historyCar .carousel-control-prev {bottom:45px;}
	#historyCar .carousel-control-next {right:15%}
	#historyCar .carousel-control-prev {left:15%}
}

/*--- COME LAVORIAMO ---*/
.service h2 {cursor:pointer;padding-right:50px;}
.service {position:relative;}
.service span.fa-angle-down {position:absolute;right:0;top:5px;}
.service .collapsed span.fa-angle-down::before {--fa:"\f107"; --fa--fa:"\f107\f107"}
.service span.fa-angle-down::before {--fa:"\f106"; --fa--fa:"\f106\f106"}
.service li {padding:20px 0;margin:0}
.service li h5 {font-weight:300}

#serviceCar .carousel-item img {height:100px;margin-top:70px;margin-bottom:40px;}
#serviceCar .carousel-item h5 {margin-bottom:40px;font-weight:300}
#serviceCar .carousel-control-next, #serviceCar .carousel-control-prev {margin-bottom:40px;position:relative;color:#242A5C;font-size:34px;opacity:1;left:auto;right:auto;display:inline-block;width:60px;}

.val {position:relative;margin-bottom:40px;background-color:#C39832;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;padding:15px 30px;color:#ffffff}
.val h4 {cursor:pointer;margin:0;padding:10px 40px 10px 0}
.val a {color:#ffffff;font-weight:700}
.val h4 span {position:absolute;right:30px;top:25px;}
.val h4.collapsed span.fa-plus {color:#242A5C;transform:rotate(0deg);font-size:2rem;margin-top:-4px;}
.val h4 span.fa-plus {color:#242A5C;transform:rotate(45deg);font-size:1.5rem}

@media screen and (max-width:1399px) {#serviceCar h5 {height:75px;}}
@media screen and (max-width:1199px) {#serviceCar h5 {height:85px;}}
@media screen and (max-width:991px) {#serviceCar h5 {height:100px;}}
@media screen and (max-width:768px) {#serviceCar h5 {height:200px;}}

/*--- FAQ ---*/
.faq {position:relative;margin-bottom:40px;background-color:#242A5C;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;padding:15px 30px;color:#ffffff}
.faq h4 {cursor:pointer;margin:0;padding:10px 40px 10px 0}
.faq a {color:#ffffff;font-weight:700}
.faq h4 span {position:absolute;right:30px;top:25px;}
.faq h4.collapsed span.fa-plus {transform:rotate(0deg);font-size:2rem;margin-top:-4px;}
.faq h4 span.fa-plus {transform:rotate(45deg);font-size:1.5rem}

/*--- FOOTER ---*/
footer {background-color:#242A5C;color:var(--bs-link-color)}