@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,900,900i");

@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
src: url("fonts/fontawesome/fontawesome-webfont.eot");
src: url("fonts/fontawesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), 
url("fonts/fontawesome/fontawesome-webfont.woff2") format("woff2"), 
url("fonts/fontawesome/fontawesome-webfont.woff") format("woff"), 
url("fonts/fontawesome/fontawesome-webfont.ttf") format("truetype"), 
url("fonts/fontawesome/fontawesome-webfont.svg#fontawesome") format("svg");
}
* {
padding: 0;
margin: 0;
outline: 0 none;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
background-color: #FFFFFF;
}
body {
min-height: 100%;
font-family: 'Open Sans', sans-serif;
color: #153C27;
font-size: 14px;
font-weight: 400;
margin: 0;
padding: 0;
text-rendering: optimizeLegibility;
background-color: #FFFFFF;
overflow-x: hidden;
scroll-behavior: smooth;
}
*:focus {
outline: none;
}
*, *::before, *::after {
box-sizing: border-box;
}
@-moz-document url-prefix() {
.scroller {
scrollbar-width: thin;
scrollbar-color: #153C27;
}
}
input::-ms-clear, textarea::-ms-clear {
display: none;
}
p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #153C27;
font-weight: 400;
line-height: 26px;
margin-bottom: 0;
}
a:active, a:focus, a:hover {
color: #153C27;
}
a {
color: #153C27;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-tap-highlight-color: transparent;
outline: none;
}
a:hover, a:focus, a:active {
text-decoration: none;
outline: none;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
img, a img {
max-width: 100%;
border: 0;
outline: none;
image-rendering: -webkit-optimize-contrast;
bakcground-color: transparent !important;
}
a > img {
vertical-align: middle;
}
button:focus {
outline: none !important;
}
.clear {
clear: both;
}
hr {
padding: 5px 0;
margin: 1px 0 10px 0;
border-top: 1px solid #CCCCCC;
border-bottom: 0;
border-left: 0;
border-right: 0;	
}
.btn {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
padding: 10px 30px;
border-radius: 30px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: inline-block;
}
.btn:focus,
.btn:active {
color: #FFFFFF;
box-shadow: none;
outline: none;
}
.form-control:active, .form-control:focus, textarea:hover, input:hover, select:hover, textarea:active, input:active, select:active, textarea:focus, input:focus, select:focus, button:focus, button:active, button:hover, label:focus {
outline: none !important;
-webkit-appearance: none !important;
box-shadow: none !important;
background-color: transparent;
}
textarea, textarea:hover, textarea:focus, textarea.form-control, textarea.form-control:hover, textarea.form-control:focus {
resize: none;
outline: 0;
-webkit-appearance: none;
box-shadow: none !important;
}
header {
position: relative;
height: 50px;
z-index: 10;
}
#top-header {
text-align: center;
display: flex;
justify-content: center;
padding: 0;
align-items: center;
height: 100%;
}
header .container-fluid, header .row {
height: 100%;
}
header .left-row, header .right-row {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
}
header .left-row, header .left-row:active, header .left-row:focus, header .left-row:hover {
background-color: #3E5902;
}
header .right-row, header .right-row:active, header .right-row:focus, header .right-row:hover {
background-color: #6E8C03;
}
header .left-row a, header .left-row a:active, header .left-row a:focus, header .right-row a, header .right-row a:active, header .right-row a:focus {
color: #FFFFFF;
font-size: 20px;
font-width: 700;
line-height: 50px;
text-transform: uppercase;
}
header .left-row i.fa-phone {
padding-right: 10px;
}
header .right-row i.fa-file {
padding-right: 10px;
}
header .right-row .full-text {
display: inline;
}
header .right-row .short-text {
display: none;
}
.navbar-custom {
min-height: 135px;
border-width: 0; 
padding: 10px 10px;
margin: 0;
background-color: #FFFFFF;
z-index: 10000;
}
.navbar-custom .navbar-nav .nav-link, .navbar-custom .nav-item:focus .nav-link, .navbar-custom .nav-item:active .nav-link, .navbar-custom .nav-item:hover .nav-link {
font-size: 14px;
color: #153C27;
font-weight: 500;
}
.nav-item:focus .nav-link, .navbar-custom .nav-item:active .nav-link, .navbar-custom .nav-item:hover .nav-link {
font-size: 14px;
color: #153C27;
font-weight: 500;
}
.navbar-custom li.nav-item {
display: flex;
align-items: center;
padding: 7px 10px;
}
.navbar-custom li.nav-item:first-child {
margin-left: 0;
}
.navbar-custom li.active a.nav-link, .navbar-custom li.active a.nav-link:active, .navbar-custom li.active a.nav-link:focus, .navbar-custom li.active a.nav-link:hover {
font-size: 16px;
color: #153C27;
font-weight: 700;
}
.navbar img {
width: 238px;
height: 84px;
border: 0;
}
.navbar-toggler {
position: absolute;
display: block;
top: 47px;
right: 5px;
border: 0;
color: #153C27;
font-size: 30px;
padding: 8px 16px;
background-color: transparent;
}
.navbar-toggler > .fa-times {
display: none;
}
h3.slogan {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center !important; 
padding-bottom: 0;
margin-bottom: 0;
}
#banner {
position: relative;
width: 100%;
height: 100vh;
margin: 0 auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: url("../banner/banner_1_large.png?ver=1.2.0");
}
#banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
}
#banner .container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
z-index: 1;	
}
#banner .row,
#banner .col-12 {
height: 100%;
}
#banner .col-12 {
display: flex;
align-items: center;
justify-content: center;
}
#banner h1 {
 max-width: 680px;
display: inline;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 30px;
line-height: 40px;
font-weight: 700;
white-space: pre-wrap;
padding: 0;
margin: 0;
}
#banner  h1::after {
content: "";
display: block;
}
section {
position: relative;
padding: 0;
overflow: hidden;
}
#welcome {
color: #153C27;
background-color: #FFFFFF;
padding-top: 0;
margin: 0 auto;
}
#welcome .container {
position: relative;
z-index: 10;
}
#welcome .container-fluid {
padding-left: 0;
padding-right: 0;
}
#welcome .container .row {
padding: 0 10px 20px 10px;
}
#welcome h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #DB974E;
}
#welcome p {
font-size: 14px;
line-height: 24px;
padding-bottom: 15px;
text-align: justify;
}
#welcome p:last-child {
padding-bottom: 0;
}
#welcome ul li {
list-style: circle;
margin-left: 35px;
}
#welcome li {
font-size: 14px;
line-height: 20px;
padding-left: 8px;
padding-bottom: 10px;
}
.accordion-toggle {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background: none;
font-size: 28px;
border: none;
padding: 10px 0 10px 0;
color: #DB974E;
cursor: pointer;
}
.accordion-toggle h2 {
margin: 0;
flex: 1;
text-align: center;
}
.accordion-content {
display: none;
transition: max-height 0.3s ease;
}
@keyframes pulse {
0%   { transform: scale(1); }
50%  { transform: scale(1.2); }
100% { transform: scale(1); }
}
@keyframes pulse-rotate {
0%   { transform: rotate(180deg) scale(1); }
50%  { transform: rotate(180deg) scale(1.2); }
100% { transform: rotate(180deg) scale(1); }
}
.chevron {
font-size: 28px;
animation: pulse 1.2s infinite;
transition: transform 0.3s ease;
}
.chevron.rotate {
animation: pulse-rotate 1.2s infinite;
}
.hint-text {
font-size: 14px;
color: #7777777;
margin-top: 5px;
font-style: italic;
}
#garanties {
position: relative;
text-align: center;
padding: 10px 0;
margin: 0 auto;
background-color: #FFFFFF;
}
#garanties .container {
position: relative;
z-index: 10;
}
#garanties .row > [class*="col-"] {
margin: 15px 0;
}
#garanties h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #153C27;
}
#values {
display: block;
position: relative;
padding: 0 !important;
margin: 10px 0 0 0;
background-color: #FFFFFF;
}
#values .container {
position: relative;
z-index: 10;
}
#values .container-fluid {
padding-left: 0;
padding-right: 0;
}
#values .container .row {
padding: 0 10px;
}
#values h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #DB974E;
}
#values p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
#featured {
display: block;
position: relative;
padding: 0 !important;
margin: 10px 0 0 0;
background-color: #FFFFFF;
}
#featured .container {
position: relative;
z-index: 10;
}
#featured .container-fluid {
padding-left: 0;
padding-right: 0;
}
#featured .container .row {
padding: 0 10px;
}
#featured h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #153C27;
}
#featured p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 18px;
font-weight: 500;
padding-bottom: 10px;
}
#brands {
position: relative;
padding: 10px 0 20px 0;
}
#brands .container {
position: relative;
z-index: 10;
}
#brands .container .row {
padding: 10px 0 0 0;
}
#brands h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #153C27;
}
.panel {
border: 0 none;
text-align: center;
min-height: 200px;
padding: 0;
border-radius: 10px !important;
background-color: #AE6C30;
}
.panel-body {
padding: 10px;
}
.panel-body i {
font-size: 50px;
color: #DB974E;
padding: 25px 30px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 50%;
background-color: #FFFFFF;
}
.panel-body p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 26px;
color: #FFFFFF;
font-weight: 500;
padding: 10px 5px;
}
.thumbnail {
position: relative;
padding: 7px;
}
.thumbnail img {
border: 0;
border-radius: 6px;
}
.thumbnail .caption {
position: relative;
text-align: center;
}
.caption a.link, .caption a.link:active, .caption a.link:focus, .caption a.link:hover {
display: block;
font-size: 18px;
font-weight: 600;
color: #153C27;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 2px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
padding-top: 10px;
border: 0;
outline: 0 none;
}
.thumbnail a.sublink, .thumbnail a.sublink:active, .thumbnail a.sublink:focus, .thumbnail a.sublink:hover {
display: block;
width: 100%;
max-width: 160px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
text-transform: none;
text-decoration: none;
border: 0;
border-radius: 20px;
margin: 10px auto 5px auto;
padding: 10px;
background-color: #AE6C30;
outline: 0 none;
}
#services {
color: #153C27;
background-color: #FFFFFF;
padding-bottom: 0;
}
#services .container {
position: relative;
z-index: 10;
}
#services .row {
padding: 10px 10px;
}
#services h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 15px 0;
width: 100%;
background-color: #153C27;
}
#services h3 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 15px 0;
width: 100%;
background-color: #70B744;
}
#services p {
font-size: 14px;
line-height: 24px;
padding-bottom: 15px;
text-align: justify;
}
#services p:last-child {
padding-bottom: 0;
}
#services ul li {
list-style: disc;
margin-left: 35px;
}
#services li {
font-size: 14px;
line-height: 20px;
padding-left: 8px;
padding-bottom: 10px;
}
#services img {
border-radius: 5px;
box-shadow: rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.20) 0px 2px 6px 2px;
}
#services .zones p {
font-family: 'Open Sans', sans-serif;
color: #153C27;
font-size: 12px;
line-height: 16px;
font-weight: 400;
font-style: italic;
}
#services .sitemap ul li a, #services .sitemap ul li a:focus, #services .sitemap ul li a:active {
display: block;
color: #153C27;
font-size: 14px;
line-height: 20px;
font-weight: 400;
padding: 10px 0;
margin-bottom: 5px;
transition: 0.3s;
vertical-align: top;
text-decoration: none;
}
#services .sitemap ul li a:hover, #services .sitemap ul li a.active {
color: #153C27;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
#porfolio {
position: relative;
padding: 0 0 30px 0;
}
#contacts {
position: relative;
padding: 10px 0;
background-color: #FFFFFF;
}
#contacts .container {
position: relative;
z-index: 10;
}
#contacts .container .row {
padding: 10px 10px;
}
#contacts h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0 20px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #153C27;
}
#contacts p {
padding-left: 10px;
}
.form-control {
width: 100%;
font-size: 14px;
border-radius: 5px;
border: 1px solid #153C27;
padding: 15px 30px;
margin-top: 0;
margin-bottom: 20px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.form-group label {
color: #153C27;
font-size: 14px;
font-weight: 700;
padding-left: 5px;
}
.form-control:focus, #page .form-control:active {
border: 1px solid #666666;
outline: none;
box-shadow: none;
}
a.link, a.link:active, a.link:focus, a.link:hover {
font-size: 14px;
font-weight: 700;
text-decoration: underline;
padding: 0;
}
textarea {
height: 250px;
border: 1px solid #153C27;
border-radius: 5px !important;
}
.contact-form {
position: relative;
background-color: #FFFFFF;
overflow: hidden;
}
.contact-form .contact-block {
overflow: hidden;
}
.contact-form .form-control {
width: 100%;
font-size: 14px;
border-radius: 30px;
border: 1px solid #FFFFFF;
padding: 15px 30px;
margin-bottom: 20px;
background-color: #FFFFFF;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.contact-form .form-control:focus, .contact-form .form-control:active {
border: 1px solid #666666;
outline: none;
box-shadow: none;
}
.contact-form textarea {
height: 300px;
border: 1px solid #FFFFFF;
border-radius: 30px !important;
}
.asterisk {
color: #FF0000;
font-size: 14px;
font-weight: 700;
padding-left: 0;
}
.notice p {
color: #333333;
font-size: 12px;
line-height: 18px;
font-weight: 500;
text-align: justify;
}
.formAgree {
display: block;
padding-top: 10px;
}
select, select:focus, select:active, select:hover, .dropdown-toggle:focus, .dropdown-toggle:active {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
box-shadow: none !important;
border: 1px solid #FFFFFF;
border-radius: 5px;
}
.select {
position: relative;
display: block;
width: 100%;
max-width: 540px;
margin: 0;
outline: none;
}
.select select {
display: inline-block;
width: 100%;
height: 50px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;	
color: #153C27;
text-align: left;
padding: 12px 10px;
appearance: none;
border: 1px solid #CCCCCC;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
outline: none;
background-color: #FFFFFF;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.select select::-ms-expand {
display: none;
}
.select_arrow {
position: absolute;
top: 20px;
right: 15px;
width: 0;
height: 0;
pointer-events: none;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #153C27 transparent transparent transparent;
}
.select select:focus, .select select:active {
border: 1px solid #153C27;
}
.select select:hover ~ .select_arrow, .select select:focus ~ .select_arrow {
color: #153C27;
border-top-color: #153C27;
}
.checkbox {
margin-top: 10px;
margin-bottom: 25px;
text-align: left;
padding-left: 0;
margin-left: 0;
}
.checkbox {
margin-top: 10px;
margin-bottom: 25px;
text-align: left;
padding-left: 0;
margin-left: 0;
}
.checkbox .cr {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
border: 1px solid #153C27;
border-radius: 5px;
margin-right: 5px;
padding-left: 0;
margin-left: 0;
vertical-align: middle;
background-color: #FFFFFF;
}
.checkbox .cr .cr-icon {
position: absolute;
top: 15px;
left: 14%;
font-size: 26px;
font-weight: 700;
line-height: 0;
cursor: pointer;
}
.checkbox .cr_white {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
border: 1px solid #153C27;
border-radius: 10px;
margin-right: 5px;
padding-left: 0;
margin-left: 0;
vertical-align: middle;
background-color: #FFFFFF;
}
.checkbox .cr_white .cr-icon {
position: absolute;
top: 17px;
left: 14%;
font-size: 26px;
font-weight: 700;
line-height: 0;
cursor: pointer;
}
.checkbox label {
padding-left: 0;
margin-left: 0;
}
.checkbox label input[type='checkbox'] {
display: none;
}
.checkbox label input[type='checkbox'] + .cr > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all .3s ease-in;
zoom: 1;
}
.checkbox label input[type='checkbox']:checked + .cr > .cr-icon {
color: #70B744; 
transform: scale(1) rotateZ(0deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
}
.checkbox label input[type='checkbox']:disabled + .cr {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
zoom: 1;
}
.checkbox label input[type='checkbox'] + .cr_white > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transition: all .3s ease-in;
zoom: 1;
}
.checkbox label input[type='checkbox']:checked + .cr_white > .cr-icon {
color: #339900; 
transform: scale(1) rotateZ(0deg);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
}
.checkbox label input[type='checkbox']:disabled + .cr_white {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
zoom: 1;
}
.checkbox a, .checkbox a:active, .checkbox a:focus, .checkbox a:hover {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
color: #153C27;
text-decoration: underline;
padding: 0;
}
input[type='checkbox'] {
display: none !important;
opacity: 0;
}
@media screen and (-ms-high-contrast: active), 
screen and (-ms-high-contrast: none) {
input[type='checkbox'] {
vertical-align: -9%;
}
}
.btn {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
border-radius: 30px;
min-width: 120px;
padding: 10px 40px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn:focus, .contact-form .btn:active {
color: #FFFFFF;
box-shadow: none;
outline: none;
}
.btn-common, .btn-common:active, .btn-common:focus, .btn-common:hover {
position: relative;
padding: 14px 32px;
border-radius: 30px;
background-color: #153C27;
z-index: 1;
}
.btn-common:hover {
color: #FFFFFF;
}
.btn.disabled, .btn:disabled {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
.text-danger, .error_message {
display: inline-block;
color: #FF0000;
font-size: 14px;
font-weight: 700;
margin: 0 0 5px 0;
}
.text-success, .success_message {
display: inline-block;
color: #70B744;
font-size: 14px;
font-weight: 700;
margin: 0 0 5px 0;
}
.list-unstyled li {
color: #FF0000;
font-size: 14px;
font-weight: 700;
line-height: 18px;
}
input[type=file] {
width: 100%;
max-width: 560px;
color: #153C27;
padding: 5px;
background-color: #FFFFFF;
border-radius: 10px;
border: 1px solid #555555;
}
input[type=file]::file-selector-button {
margin-right: 20px;
border: none;
background-color: #153C27;
padding: 10px 20px;
border-radius: 10px;
color: #FFFFFF;
cursor: pointer;
transition: background .2s ease-in-out;
}
input[type=file]::file-selector-button:hover {
background-color: #153C27;
}
#areas {
display: block;
position: relative;
padding: 0 !important;
margin: 10px 0 0 0;
background-color: #FFFFFF;
}
#areas .container {
position: relative;
z-index: 10;
}
#areas .row {
padding: 10px 10px;
}
#areas h2 {
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
font-size: 22px;
line-height: 30px;
font-weight: 700;
padding: 10px 0;
margin: 0 0 5px 0;
width: 100%;
background-color: #153C27;
}
#areas p {
font-size: 14px;
line-height: 24px;
padding-bottom: 15px;
text-align: justify;
}
footer {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 20px 0 10px 0;
margin: 0;
background-color: #6E8C03;
}
footer .footer-contact ul li, footer .footer-links ul li {
color: #FFFFFF;
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
vertical-align: top;
}
footer .footer-contact, footer .footer-links {
margin: 20px 0 0 0;
}
footer .footer-contact ul, footer .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
footer .footer-contact ul li span {
color: #FFFFFF;
font-size: 24px;
font-weight: 700;
}
footer .footer-contact ul li i {
color: #FFFFFF;
font-size: 22px;
font-weight: 700;
padding-right: 15px;
vertical-align: middle;
}
footer .footer-contact ul li i.fa-envelope, footer .footer-contact ul li i.fa-phone, .footer-contact ul li i.fa-file {
width: 30px;
}
footer .footer-contact ul li, footer .footer-links ul li {
display: flex;
align-items: center;
text-align: left;
margin-bottom: 10px;
vertical-align: top;
}
footer .footer-contact ul a, footer .footer-contact ul a:focus, footer .footer-contact ul a:active {
display: block;
min-width: 240px;
color: #FFFFFF;
font-size: 14px;
transition: 0.3s;
line-height: 25px;
padding: 3px 5px 3px 0;
margin-bottom: 7px;
vertical-align: top;
text-decoration: none;
}
footer .footer-links ul a, footer .footer-links ul a:focus, footer .footer-links ul a:active {
color: #FFFFFF;
font-size: 14px;
transition: 0.3s;
line-height: 18px;
padding: 3px 5px 3px 0;
vertical-align: top;
text-decoration: none;
}
footer .footer-contacts ul a:hover, footer .footer-links ul a:hover, 
.footer-info ul a:hover {
color: #FFFFFF;
text-decoration: none;
}
.footer-navigation {
padding: 15px 15px;
}
.footer-nav-list {
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}
.footer-nav-list .footer-nav-item {
display: block;
margin-bottom: 12px;
}
.footer-nav-list .footer-nav-link {
display: block;
padding: 10px 0;
color: #FFFFFF;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-nav-list .footer-nav-link:hover, .footer-nav-list .footer-nav-item.active .nav-link {
font-weight: 700;
}
.footer-nav-item.active {
font-size: 16px;
font-weight: 700;
}
.copyright {
padding: 14px 0 14px 0;
margin: 0;
text-align: center;
background-color: #6E8C03;
}
.copyright p {
color: #FFFFFF;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.copyright p.rights {
font-size: 12px;
}
.whats-app {
position: fixed;
width: 50px;
height: 50px;
bottom: 17px;
right: 10px;
color: #FFFFFF;
font-size: 32px;
border-radius: 50px;
text-align: center;
background-color: #25D366;
box-shadow: 0;
outline: 0;
z-index: 999999;
}
a.whats-app i, a.whats-app i:active, a.whats-app i:focus, a.whats-app i:hover {
font-size: 32px;
color: #FFFFFF;
text-decoration: none;
outline: 0;
transform: scale(1);
animation-timing-function: ease;
animation: spulse 2s infinite;
}
.cd-top, .cd-top:active, .cd-top:hover, .cd-top:focus {
position: fixed;
width: 50px;
height: 50px;
bottom: 80px;
right: 10px;
color: #FFFFFF;
font-size: 30px;
border-radius: 50px;
text-align: center;
background-color: #6E8C03;
box-shadow: 0;
outline: 0;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-webkit-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
z-index: 999999;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}
.no-touch .cd-top:active, .no-touch .cd-top:hover, .no-touch .cd-top:focus {
color: #FFFFFF;
opacity: 0.85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
-moz-opacity: 0.85;
-webkit-opacity: 0.85;
-khtml-opacity: 0.85;
filter: alpha(opacity=85);
}
@-webkit-keyframes spulse {
0% {
transform: scale(0.85);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@keyframes spulse {
0% {
transform: scale(0.85);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@media (max-width: 1199.98px) {
#banner .content {
position: absolute;
top: 65%;
left: 50%;
transform: translateX(-50%) translateY(-65%);
}
}
@media (max-width: 991.98px) {
.navbar-toggle {
border: 0;
display: block;
}
.navbar-toggler .fa:focus, .navbar-toggler .fa:active, .navbar-toggler .fa:focus {
outline: none;
box-shadow: none;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
outline: none;
box-shadow: none;
}
.navbar-toggler > .fa-bars, .navbar-toggler > .fa-times {
font-size: 38px;
color: #153C27;
border: 0;
border-radius: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}	
li.nav-item.contact {
display: block;
}	
button[aria-expanded='false'] .close {
display: none;
}
button[aria-expanded='false'] .open {
display: inline-block;
}
button[aria-expanded='true'] .open {
display: none;
}
button[aria-expanded='true'] .close {
display: inline-block;
}
#banner {
max-height: 400px;
background-image: url("../banner/banner_1_medium.png?ver=1.2.0");
}
a.nav-link {
width: 180px;
line-height: 30px;
}
li.nav-item:last-child {
margin-bottom: 35px;
}
a.btn-custom, .btn-custom:active, .btn-custom:focus, .btn-custom:hover {
margin-left: 0;
}
#navbar {
height: 100%;
min-height: 350px !important;
padding: 10px 0 0 0;
}	
.footer-nav-list {
text-align: right;
}
}
@media (max-width: 767.98px) {
#banner {
max-height: 400px;
background-image: url("../banner/banner_1_medium.png?ver=1.2.0");
}
#banner h1 {
font-size: 26px;
line-height: 36px;
}	
.panel {
min-height: 180px;
}
.footer-nav-list {
text-align: left;
}
}
@media (max-width: 479.98px) {
header .left-row a, header .left-row a:active, header .left-row a:focus, header .right-row a, header .right-row a:active, header .right-row a:focus {
font-size: 16px;
}
#banner {
max-height: 400px;
background-image: url("../banner/banner_1_small.png?ver=1.2.0");
}
#banner h1 {
font-size: 22px;
line-height: 32px;
}	
.footer-nav-list {
text-align: left;
}
}
@media (max-width: 379.98px) {
#banner .content h1 {
font-size: 18px;
line-height: 28px;
}
header .right-row .full-text {
display: none;
}
header .right-row .short-text {
display: inline;
}
header .left-row i.fa-phone {
display: none;
}
}
@media print {
#noprint {
display: none;
}
.noprint {
display: none;
}
header, footer, aside, form, nav {
display: none;
}
.copyright {
display: none;
}
section {
padding-top: 0;
padding-bottom: 0;
}
.container {
padding-top: 0;
margin-top: 0;
}
@page {
size: auto;
margin: 5mm 5mm 5mm 5mm; 
}
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}