@charset "utf-8";
/*
@author STDesign4U <info@stdesign4u.com>
http://www.stdesign4u.com
@copyright (c) 2018 STDesign4U
All Rights Reserved
*/

/* --------------------------------------------------------------------------------- */
/* ICONIC FONTS
/* --------------------------------------------------------------------------------- */

@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome/fontawesome.eot?v=4.7.0');
src: url('fonts/fontawesome/fontawesome.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('fonts/fontawesome/fontawesome.woff2?v=4.7.0') format('woff2'),
url('fonts/fontawesome/fontawesome.woff?v=4.7.0') format('woff'),
url('fonts/fontawesome/fontawesome.ttf?v=4.7.0') format('truetype'),
url('fonts/fontawesome/fontawesome.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Glyphicons Halflings';
src: url('fonts/glyphicons/glyphicons-halflings-regular.eot');
src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/glyphicons/glyphicons-halflings-regular.woff2') format('woff2'),
url('fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'),
url('fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'),
url('fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* --------------------------------------------------------------------------------- */
/* GENERAL SETTING
/* --------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
text-rendering: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
outline: 0;
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 12px;
font-style: normal;
background-color: #FFFFFF;
overflow-x: hidden;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
min-height: 100%;
overflow: auto;
overflow: initial;
}

body,
body.modal,
.navbar-fixed-top,
.navbar-fixed-bottom {
margin-right: 0 !important;
}

*:focus {
outline: 0;
}

*, *::before,
*::after {
box-sizing: border-box;
}

body a {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}

ol,
ul {
padding: 0;
margin: 0;
list-style: none;
}

ul li {
margin: 0; 
padding: 0;
list-style: none;
}

br {
display: block;
line-height: 125%;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
outline: 0;
outline-color: transparent;
outline-width: 0;
outline-style: none;
box-shadow: 0 0 0 0 rgba(0,123,255,0);
outline: none !important;
box-shadow: none !important;
}

a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

a:hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

b,
strong {
font-size: 12px;
font-weight: bold;
}

.text-uppercase {
text-transform: uppercase;
}

hr {
display: block;
width: 100%;
height: 1px;
border: 0;   
border-top: 1px solid #CCCCCC;
padding: 0;
margin: 20px 0 15px 0;
clear: both;
}

img {
width: auto;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
vertical-align: middle
}

.clear {
clear: both;
}

a:focus,
a:active {
outline: 0;
}

a img {
border: 0 !important;
}

.getback,
.btn-send {
min-width: 125px;
}

/* --------------------------------------------------------------------------------- */
/* FORM LAYOUT
/* --------------------------------------------------------------------------------- */

form {
border: 0;
outline: 0;
box-shadow: none !important;
}

input,
textarea,
select,
radio,
checkbox {
font-family: inherit;
font-size: inherit;
line-height: 100%;
}

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,
.btn:active,
.btn.active
{
outline: 0 !important;
-webkit-appearance: none;
box-shadow: none;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="file"],
textarea,
input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
textarea:focus,
input[type="text"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="file"]:hover, textarea:hover,
input[type="text"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="password"]:active,
input[type="file"]:active {
font-size: 12px;
font-style: normal;
outline: 0;
box-shadow: none !important;
border: 1px solid #CCCCCC;
-webkit-appearance: none;
}

input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
select:-moz-placeholder,
:-moz-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
color: #555555;
font-size: 12px;
font-style: italic;
}

select,
select:focus,
select:active,
select:hover,
.dropdown-toggle:focus,
.dropdown-toggle:active {
outline: 0 !important;
-webkit-appearance: none;
box-shadow: none !important;
border: 1px solid #CCCCCC;
}

textarea,
textarea.form-control,
textarea:hover {
font-size: 12px;
resize: none;
outline: 0;
width: 100%;
height: 200px;
}

textarea:focus,
textarea:active,
textarea.form-control:focus,
textarea.form-control:active,
textarea.form-control:hover {
outline: 0 !important;
-webkit-appearance: none;
box-shadow: none !important;
border: 1px solid #CCCCCC;
}

input::-ms-clear,
textarea::-ms-clear {
display: none;
}

.isDisabled {
color: #FFFFFF;
cursor: not-allowed;
opacity: 1;
text-decoration: none;
border: 0;
}

/* Select Box */

.select {
position: relative;
display: block;
width: 100%;
margin: 10px 0;
}

.select select {
display: inline-block;
width: 100%;
cursor: pointer;
padding: 0 5px;
outline: 0;
color: #555555;
font-size: 12px;
font-style: normal;
text-align: left;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}

.select select::-ms-expand {
display: none;
}

.select_arrow {
position: absolute;
top: 15px;
right: 12px;
width: 0;
height: 0;
pointer-events: none;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #CCCCCC transparent transparent transparent;
}

.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
border-top-color: #000000;
}

::-webkit-input-placeholder {
color: #CCCCCC;
font-size: 12px;
font-style: italic;
}

:-moz-placeholder {
color: #CCCCCC;
font-size: 12px;
font-style: italic;
}

::-moz-placeholder {
color: #CCCCCC;
font-size: 12px;
font-style: italic; 
}

:-ms-input-placeholder {  
color: #CCCCCC;
font-size: 12px;
font-style: italic;
}

#msg_status {
margin: 0 0 25px 0;
text-align: left;
}

p.msg_error,
.msg_error {
color: #FF0000 !important;
font-weight: bold;
line-height: 140%;
text-align: left;
padding: 10px 0;
margin: 0;
}

p.msg_success,
.msg_success {
color: #009900 !important;
font-weight: bold;
line-height: 140%;
text-align: left;
padding: 10px 0;
margin: 0;
}

/* --------------------------------------------------------------------------------- */
/* STRUCTURE LAYOUT
/* --------------------------------------------------------------------------------- */

.container,
nav,
.content {
width: 100%;
margin: 0;
padding: 0;
}

.content {
position: relative;
min-height: 520px;
padding-bottom: 30px;
}

.container-fluid {
margin: 0 auto;
padding: 0;
max-width: 1200px !important;
}

.margin-t-10 {
margin: 10px 0 0 0 !important;
}

.margin-t-15 {
margin: 15px 0 0 0 !important;
}

.margin-tb-15-20 {
margin: 15px 0 20px 0 !important;
}

.margin-tb-15-10 {
margin: 15px 0 10px 0 !important;
}

.margin-b-10 {
margin-bottom: 10px !important;
}

.margin-b-20 {
margin-bottom: 20px !important;
}

.margin-b-25 {
margin-bottom: 25px !important;
}

.margin-b-40 {
margin-bottom: 40px !important;
}

.margin-b-50 {
margin-bottom: 40px !important;
}

.margin-l-5 {
margin-left: 5px;
}

.margin-r-5 {
margin-right: 5px;
}

.margin-l-10 {
margin-left: 10px;
}

.margin-r-10 {
margin-right: 10px;
}

/* --------------------------------------------------------------------------------- */
/* HEADER
/* --------------------------------------------------------------------------------- */

.navbar-brand {
margin: 0;
padding: 0;
border: 0;
}

.navbar {
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}

ul.nav {
margin-top: 50px;
}

.navbar ul.navbar-nav li {
margin-right: 5px;
}

.navbar ul.navbar-nav li:last-child {
margin-right: 0;
}

.navbar ul.navbar-nav li a,
.navbar ul.navbar-nav li a:focus,
.navbar ul.navbar-nav li a:active {
font-size: 12px;
color: #000000;
border: 0;
}

.navbar ul.navbar-nav li.active a,
.navbar ul.navbar-nav li a:hover {
color: #FFFFFF;
background-color: #669933;
}

.navbar ul.navbar-nav li.active a:hover,
.navbar ul.navbar-nav li.active a:focus,
.navbar ul.navbar-nav li.active > a:hover,
.navbar ul.navbar-nav li.active > a:focus,
.navbar ul.navbar-nav li.active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
color: #FFFFFF;
background-color: #669933;
}

.dropdown-menu {
background-color: #FFFFFF;
border: 1px solid #669933;
border-radius: 0;
box-shadow: none !important;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
background: #669933 !important; 
color: #FFFFFF !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
margin-right: 0 !important;
}

/* --------------------------------------------------------------------------------- */
/* CONTENT
/* --------------------------------------------------------------------------------- */

.welcome p {
font-family: Verdana, Geneva, sans-serif;
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
color: #006633;
}

.welcome {
margin:0;
padding: 5px 0 10px 0;
background-color: #FFFFFF;
}

.content {
width: 100%;
max-width: 1200px;
margin: 0 auto 0 auto;
padding: 0;
}

.content h1 {
font-family: Verdana, Geneva, sans-serif;
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
color: #000000;
}

.content p {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 22px;
color: #000000;
}

.featured {
position: relative;
height: 100%;
max-width: 100%;
background-color: #FFFFFF;
}

.featured img { 
position: relative; 
padding: 0;
margin: 0;
border-radius: 0;
padding: 0;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.featured h9 { 
position: absolute; 
top: 30px; 
left: 0; 
width: 100%;
}

.featured h9 span { 
font-family: Verdana, Geneva, sans-serif;
color: #FFFFFF;
font-size: 14px; 
font-weight: bold;
line-height: 45px;
background: rgb(0, 0, 0); 
background: rgba(0, 0, 0, 0.7); 
padding: 10px;
}

.features {
padding-bottom: 15px;
}

.gallery {
display: inline-block;
margin-bottom: 0;
}

img.thumb {
width: 100%;
max-height: auto;
border: 0;
padding: 0;
margin: 0;
outline: 0;
}

.fancybox-title {
text-align: center;
color: #FFFFFF;
text-weight: bold;
font-size: 100%;		
padding: 5px 3px 10px 3px;
}

/* --------------------------------------------------------------------------------- */
/* SLIDER
/* --------------------------------------------------------------------------------- */

.carousel {
width: 100%;
max-width: 1200px;
background-color: #FFFFFF;
margin: 0 auto 0 auto;
}

.carousel .item img {
margin: 0 auto;
}

#myCarousel,
.carousel,
.carousel .item,
.carousel-inner > .item {
background-color: #FFFFFF;
}

.carousel-inner .item:before {
background-color: #FFFFFF;
}

.carousel-inner > .item {
-webkit-transition: 0.4s ease-in-out left;
-moz-transition: 0.4s ease-in-out left;
-o-transition: 0.4s ease-in-out left;
transition: 0.4s ease-in-out left;
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
background-color: #FFFFFF;
border-color: #FFFFFF;
width: 15px;
height: 15px;
padding: 0;
margin: 0 5px;
}

ol.carousel-indicators li.active {
background-color: #006633;
border-color: #006633;
}

ol.carousel-indicators li:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition:.3s all;
-moz-transition:.3s all;
-o-transition:.3s all;
-ms-transition:.3s all;
transition:.3s all;
}

/* --------------------------------------------------------------------------------- */
/* HOME PAGE
/* --------------------------------------------------------------------------------- */

h1.featured {
font-weight: bold;
font-size: 160%;
line-height: 200%;
color: #006633;
text-transform: uppercase;
padding: 0;
margin: 0;
}

/* --------------------------------------------------------------------------------- */
/* EMPRESA
/* --------------------------------------------------------------------------------- */

ul.listing { 
list-style: none;
padding: 0;
margin: 0;
}

ul.listing li {
display: block;
padding: 5px 0;
line-height: 20px;
}

/* --------------------------------------------------------------------------------- */
/* CONTACTS
/* --------------------------------------------------------------------------------- */

form {
padding: 10px 5px;
}

.btn-send,
.btn-send:focus,
.btn-send.active.focus,
.btn-send:visited,
.btn-send:active,
.btn-send.active {
border-radius: 4px;
border: 0;
background-color: #669933;
font-size: 100%;
color: #FFFFFF; 
outline: 0;
width: 100%;
max-width: 250px;
}

.btn-send:hover {
font-size: 100%;
color: #FFFFFF;
background-color: #336600;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
}

ul.address {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}

ul.phones {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}

ul.social {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}

ul.address li,
ul.phones li,
ul.social li {
display: block;
padding: 5px 0;
line-height: 16px;
}

ul.address li i,
ul.phones li i,
ul.social li i {
font-size: 20px;
width: 26px;
text-align: center;
line-height: 26px;
background-color: #F3F3F3;
color: #000000;
border-radius: 13px;
text-decoration: none;
outline: 0;
margin-right: 10px;
}

ul.phones li a,
ul.phones li a:focus,
ul.phones li a:active,
ul.phones li a:visited,
ul.social li a,
ul.social li a:focus,
ul.social li a:active,
ul.social li a:visited {
font-size: 100%;
color: #000000;
text-decoration: underline;
}

ul.phones li a:hover,
ul.social li a:hover {
font-size: 100%;
color: #006633;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* PRIVACY POLICY
/* --------------------------------------------------------------------------------- */

.checkbox {
margin-top: 20px;
margin-bottom: 15px;
text-align: left;
padding-left: 0;
}

input[type=checkbox] {
display: none !important;
opacity: 0;
}

.checkbox span {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 100%;
font-weight: normal;
}

label[for=agree] a,
label[for=agree] a:visited,
label[for=agree] a:active,
label[for=agree] a:focus {
font-family: Verdana, Geneva, sans-serif;
color: #000000;
font-size: 100%;
font-weight: normal;
text-decoration: underline;
}

label[for=agree] a:hover {
text-decoration: none;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
cursor: pointer;
padding-left: 35px;
padding-top: 5px;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 25px;
border: solid 1px #CCCCCC;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: none;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
content: '\2713';
position: absolute;
top: 6px;
left: 6px;
font-size: 18px;
font-weight: bold;
line-height: 10px;
color: #009900;
transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:after {
transform: scale(0);
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;
}

[type="checkbox"]:checked + label:after {
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);
}

[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
label:hover:before {
border: 0;
outline: none;
}

#modal {
font-weight: normal;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
left: 50%;
margin: -250px 0 0 -32%;
opacity: 0;
position: absolute;
top: -50%;
visibility: hidden;
width: 65%;
border-radius: 4px;
box-shadow: 0;
box-sizing: border-box;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
}

#modal:target {
opacity: 1;
top: 50%;
visibility: visible;
}

#modal .header,
#modal .footer {
border: none;
}

#modal h2 {
float: left;
color: #000000;
font-size: 20px;
line-height: 28px;
font-weight: normal;
text-align: left;
text-transform: none;
padding: 0;
margin-bottom: 10px;
}

#modal .header,
#modal .text,
#modal .footer {
padding: 5px 15px;
color: #000000;
}

#modal .text {
clear: both;
line-height: 20px;
padding: 5px 15px;
}

.modal-content {
background-color: #FFFFFF;
position: relative;
z-index: 20;
}

#modal .overlay {
background-color: #000000;
background: rgba(0,0,0,.6);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}

#modal a.btn {
float: right;
}

#modal a.btn,
#modal a.btn:active,
#modal a.btn:focus,
#modal a.btn:hover {
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
display: inline-block;
padding: 5px;
border-radius: 5px;
background-color: #E74C3C;
}

/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */

footer {
postion: relative;
margin: 0;
padding: 0;
width: 100%;
background-color: #669933;
}

.footer-above {
padding: 10px 5px 25px 5px;
margin: 0 auto;
max-width: 1200px;
}

.footer-above a,
.footer-above a:visited,
.footer-above a:active,
.footer-above a:focus {
font-size: 12px;
color: #000000;
text-decoration: none;
}

.footer-above a:hover {
color: #FFFFFF;
text-decoration: none;
}

ul.footer {
list-style: none;
padding: 20px 0 0 0;
margin: 0;
}

ul.footer li {
display: block;
padding: 5px 0;
line-height: 16px;
}

.footer i {
font-size: 20px;
width: 26px;
text-align: center;
line-height: 26px;
background-color: #99CC66;
color: #000000;
border-radius: 13px;
text-decoration: none;
outline: 0;
margin-right: 10px;
}

.footer-below {
font-size: 12px;
background-color: #336600;
color: #FFFFFF;
text-decoration: none;
text-align: center;
margin: 0;
padding: 20px 0 10px 0;
}

/* --------------------------------------------------------------------------------- */
/* BACK TO TOP
/* --------------------------------------------------------------------------------- */

.cd-top {
position: fixed;
bottom: 2px;
right: 2px;
display: inline-block;
height: 28px;
width: 28px;
overflow: hidden;
display: none;
text-indent: 100%;
white-space: nowrap;
background: #669933 url('../images/top-arrow.svg') no-repeat center 50%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
z-index: 9999;
}

.cd-top:hover {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .4s 0s, visibility 0s 0s;
-moz-transition: opacity .4s 0s, visibility 0s 0s;
transition: opacity .4s 0s, visibility 0s 0s;
}