html { scroll-behavior: smooth; }
body, html {height:100%; width:100%;}
body {font-size:1.7em; font-family:'Titillium',Verdana, Geneva, sans-serif;}
@font-face {
font-family: 'Titillium';
src: url('/contents/domain_1/templates/fonts/titillium_pro-serif/TitilliumSansPro-Regular.woff') format('truetype');
font-weight: 200;
font-style: normal;
}
/************* COOKIE-CONSENT - Start ***********/
.privacypolicies-com---nb-simple {
left: 0!important;
}
.privacypolicies-com---palette-light.privacypolicies-com---nb {
background-color: #fff;
color: #111;
margin: 25px;
box-shadow: 5px 3px 10px rgb(0 0 0 / 30%);
}
.privacypolicies-com---pc-dialog .cc-cp-body-content-entry-text {
font-size: 14px!important;
line-height: 1.5;
}
.privacypolicies-com---palette-light .cc-nb-okagree {
color: #fff;
background-color: #5B7826!important;
}
.privacypolicies-com---palette-light .cc-nb-reject {
color: #fff;
background-color: #5B7826!important;
}
.privacypolicies-com---nb .cc-nb-text {
font-size: 14px!important;
margin: 0 0 1.25rem 0;
}
.privacypolicies-com---palette-light .cc-cp-foot-save {
background: #5B7826!important;
color: #fff;
}
/************* COOKIE-CONSENT - End ***********/
/************* HELPERS - Start ***********/
.border-0 { border: 0px; }
.mtb60 { margin-top: 60px; margin-bottom: 60px; }
.mlr60 { margin-left: 60px; margin-right: 60px; }
.mt300 { margin-top: 300px; }
.mt60 { margin-top: 60px; }
.mb60 { margin-bottom: 60px; }
.mt30 { margin-top: 30px; }
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.bg-gray { background-color: #c1c1c1; }
.bg-darkgray { background-color: #666666; }
.bg-lightgray { background-color: #efefef; }
.text-color-w { color: #ffffff; }
.h100 {
height: 100%;
background: #f6fcb3 ;
}
/************* HELPERS - End ***********/
/************* BASICS - Start ***********/
hr {
border-top: 2px solid #b3cb25!important;
}
h1 {
color: #000 !important;
}
h1 small {
display: block;
color: #000 !important;
}
h2 {
margin: 0 0 15px 0;
font-size: 30px;
color: #000 !important;
}
p {
color: #000;
}
p a {
color: #000!important;
text-decoration: underline!important;
}
.img-thumbnail {
background: transparent;
border: 0px;
border-radius: 0px;
}
.alert-success {
color: #ffffff;
background-color: #4c762c;
}
.alert {
border: 0px;
border-radius: 20px;
margin-top:15px;
margin-bottom: 60px;
text-align: center;
}
.alert a {
color: #fff!important;
}
/************* BASICS - End ***********/
/************* NAVIGATION - Start ***********/
.navbar .container-fluid {
background: #fafafa;
border-bottom: 5px solid #b3cb25;
}
.navbar-default .navbar-nav>li>a {
color: #4c762c;
font-weight:normal;
transition:all 0.5s ease;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #4c762c;
font-weight:bold;
background-color: transparent;
}
.navbar-fixed-top {
border-width: 0 0 0px!important;
}
.nav-pills a {
color: #000000;
}
.navbar-brand {
height: 50px;
padding: 4px 15px!important;
line-height: 20px;
float: right;
}
.navbar-brand>img {
height: 45px!important;
}
/************* NAVIGATION - End ***********/
/************* CONTENT - Start ***********/
.main {
box-shadow: 0px 7px 25px #89878775;
background: #CD1;
padding-top: 60px;
padding-bottom: 15px;
}
.content-green {
padding-top: 60px;
padding-bottom: 15px;
background: #CD1;
}
.content-lightgreen {
padding-bottom: 30px;
background: #fff url(../../images/cta-images/bg-img.jpg) center center no-repeat;
background-size: cover;
height: calc(100% - (20px + 100px));
}
#sidebar {
position: fixed;
right: 5px;
z-index: 12;
top: 95px;
}
#sidebar img {
height: 60px;
}
.m-grafic img {
height: 60px;
width: auto;
}
.logo-intro {
height: 100px;
max-width: none;
float: left;
}
.intro-box {
padding:60px 30px 0px 30px;
/*padding:15px;
/*text-align: center;*/
}
.intro-box h2 {
margin: 0 0 35px 0;
}
.intro-box p {
font-size: 1.1em;
}
.intro-box a {
color: #000;
text-decoration: underline;
}
.intro-box a:hover {
color: #365021;
}
.bott-area, .bott-area:active, .bott-area:focus {
margin: 10px 0px;
padding: 15px 55px 15px 85px;
border: 0px;
background: #4c762c;
background-image: url('data:image/svg+xml,');
background-position: 45px center;
background-repeat: no-repeat;
background-size: 30px;
border-radius: 0px;
color: #ffffff!important;
font-weight: bold;
clip-path: polygon(3% 3%, 97% 7%, 94% 85%, 7% 95%);
transition: all .4s ease;
font-size: 1.0em;
text-decoration: none!important;
}
.bott-area:hover {
background: transparent;
color: #333!important;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
background-image: url('data:image/svg+xml,');
background-position: 45px center;
background-repeat: no-repeat;
background-size: 30px;
}
.intro-box ul {
padding-left: 0px;
}
.intro-box ul li {
padding-left: 40px;
margin: 35px 0px;
background-repeat: no-repeat;
background-size: 25px;
background-position: left center;
list-style: none;
color: #000;
}
.home-list-p1 {
background-image: url('data:image/svg+xml,');
}
.home-list-p2 {
background-image: url('data:image/svg+xml,');
}
.home-list-p3 {
background-image: url('data:image/svg+xml,');
}
.home-list-p4 {
background-image: url('data:image/svg+xml,');
}
.down-bott, .up-bott {
color: #000!important;
font-size: 1em;
transition:all 0.3s ease;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 35px;
background-position: center 12px;
padding-bottom: 70px;
}
.up-bott {
background-image: url('data:image/svg+xml,');
}
.down-bott:hover, .up-bott:hover {
color: #365021;
text-decoration: none;
}
.info-box {
padding: 50px;
}
.panel.panel-default {
border-radius: 0px;
}
.panel small {
display: block;
font-weight: bold !important;
padding: 15px 0px;
font-size: 20px !important;
font-style: italic;
color: #3f582d !important;
}
.panel h3 {
margin-top: 0px;
margin-bottom: 20px;
}
.content-white {
padding-top: 60px;
padding-bottom: 60px;
}
.content-white a, .content-green a {
color: #000;
text-decoration: underline;
}
.content-white ul, .content-green ul {
padding-left: 60px;
}
.content-white ul li, .content-green ul li {
padding-bottom: 15px;
color: #000;
}
.content-white ol, .content-green ol {
padding-left: 60px;
}
.content-white ol li, .content-green ol li {
padding-bottom: 15px;
color: #000;
}
footer {
background-color: #f8f8f8;
border-top: 1px solid #ccc;
}
.partner {
padding-top: 30px;
padding-bottom: 10px;
}
.partner-box {
padding: 15px 0;
}
footer .img-thumbnail {
background-color: transparent!important;
border: 0px solid #ddd!important;
border-radius: 0px!important;
}
.footer-bottom-line {
background-color: #454545;
color: #fff;
font-size: 0.9em;
padding: 30px;
}
.footer-bottom-line a {
color: #fff;
}
/************* CONTENT - End ***********/
@media (max-width: 1199px) {
.main {
height: auto;
}
.logo-intro {
margin-top: 0px;
}
.navbar-brand {
float: left;
}
}
@media (max-width: 768px) {
h1{
font-size: 1.4em;
margin-top: 0px !important;
}
h1 small {
padding-top: 15px;
font-size: 15px;
}
.intro-box h2{
font-size: 1.4em;
margin: 0px 0 15px 0;
}
.navbar-nav {
margin: 7.5px 0px!important;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: fit-content!important;
}
.bott-area, .bott-area:active, .bott-area:focus {
margin: 5px 0px;
padding: 15px 35px 15px 85px;
border: 0px;
font-size: 0.90em;
}
.content-lightgreen {
height: auto;
}
.logo-intro {
height: 80px;
margin-top: 25px;
}
.content-white ol, .content-green ol {
padding-left: 20px;
}
.content-white ul, .content-green ul {
padding-left: 20px;
}
.mlr60 {
margin-left: 10px;
margin-right: 10px;
}
.info-box {
padding: 50px 30px 80px 30px;
}
.partner-box {
padding-top: 10px;
padding-bottom: 10px;
}
}