@charset "utf-8";@import url(http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Carrois+Gothic);
/** general **/
body {font-family: 'Carrois Gothic', Helvetica, Arial, sans-serif;color: #777777;font-weight: 400;font-size: 15px;}
a {color: #009172;text-decoration: none;outline: 0;}
a:hover {color: #009172;text-decoration: none;outline: none;}
a:focus {text-decoration: none;outline: 0px;}
a,#aboutArea .col-sm-3 {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;}
.banner_header {text-shadow: 1px 1px 1px #333333;}
h1,h2,h3,h4,h5,h6 {color: #333333;}
h1,h2 {color: inherit;font-family: 'Carrois Gothic SC';line-height: normal;text-rendering: optimizelegibility;}
h1 {color: #009172;font-size: 42px;font-weight: 700;}
h3 {margin-bottom: 20px;color: #009172;font-family: 'Carrois Gothic SC';}
p {margin-bottom: 18px;}
blockquote footer,blockquote small,blockquote .small {color: #453951;}
.checkbox input[type=checkbox] {display: none;}
.checkbox a label {display: inline-block;cursor: pointer;position: relative;padding-left: 30px;font-size: 14px;color: #484848;}
.checkbox a label {margin-bottom: 10px;}
.checkbox a label:before {content: "";display: inline-block;width: 25px;height: 25px;margin-right: 10px;position: absolute;left: 0;bottom: 1px;border: 2px solid #009172;}
.checkbox a label:before {border-radius: 3px;}
.checkbox input[type=checkbox]:checked + a label:before {content: "\2713";text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);font-size: 20px;color: #009172;text-align: center;line-height: 20px;}
.col-space {margin: 30px 0;clear: both;overflow: hidden;width: 100%;}
.lead {font-weight: 300;}
.progress {-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.0);background-color: #ebebeb;}
.progress .progress-bar {background-color: #009172;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.0);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.0);}
.form-control:focus {border-color: #009172;background-color: #F2F2F2;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(39, 46, 63, 0.6);}
.form-control {color: #333;height: 50px;border: 3px solid #F2F2F2;border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.0);background: #F2F2F2;}
.img-thumbnail {background: #009172;border-radius: 0;}
.dropdown-menu,.well {border-radius: 0;}
.dropdown-menu {padding: 0px;}
.dropdown-menu > li > a {padding-left: 15px;padding-right: 15px;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {background: #009172;color: #fff;}
.nav-tabs {border-color: #009172;}
.nav-tabs > li > a {border-radius: 0;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {border-color: #009172;color: #fff;background: #009172;}
.tab-content > .tab-pane {padding: 15px 0;}
.nav > li > a:hover,.nav > li > a:focus {}
.nav-pills > li > a {background: #F6F6F6;color: #453951;}
.nav-pills > li > a {margin: 0 2px;}
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus {background: #009172;}
.nav-pills > li.active > a:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(0, 194, 169, 0);border-top-color: #009172;border-width: 10px;margin-left: -10px;}
.panel-default {border: #009172;}
.panel-group .panel + .panel {margin-top: 10px;}
.panel-title > a {display: block;padding: 10px 15px;background: #009172;color: #fff;border: 0px !important;}
.panel-title > a i {margin-right: 5px;}
.panel-title > a.collapsed {background: #F6F6F6;color: #333333;}
.panel-title > a kbd {float: right;}
.panel-heading {padding: 0px;}
.panel-default > .panel-heading + .panel-collapse .panel-body {background: none;}
.panel-body {padding: 10px 0;}
.panel-default {}
.panel.panel-default {background: none;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);box-shadow: 0 1px 1px rgba(0, 0, 0, .0)}
.social {margin: 5px 0px!important;}
.social a {color: #fff;width: 30px;border-radius: 50px;margin: 0 2px;height: 30px;text-align: center;display: inline-block;border: 2px solid #fff;background: none;}
.social a:hover {color: #484848;background: #fff;}
.social a:hover i {transform: rotate(360deg);transform: rotate(360deg);}
.social a i.fa {font-size: 14px;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;line-height: 26px;}
.social.big {margin-bottom: 20px !important;}
.social.big a {width: 42px;height: 42px;line-height: 42px;}
.social.big a i {line-height: 40px;color: #fff;font-size: 18px;}
.social.big a:hover i {color: #fff;}
.social.big a:hover {border-color: #484848;background: #484848;}
.social.blue a {width: 36px;height: 36px;line-height: 36px;color: #;border-color: #484848;}
.social.blue a i {font-size: 16px;line-height: 34px;}
.social.blue a:hover {color: #fff;background: #484848;}
.icon {-webkit-border-radius: 10%;display: inline-block;border-radius: 10%;width: 80px;height: 80px;padding: 10px 0;text-align: center;font-size: 40px;border: 1px solid #009172;color: #009172;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
.big-icon {font-size: 280px;line-height: 280px;}
.circleBox {margin: 0 auto 30px;width: 180px;}
.circleBox .circle-border-outside {border: 10px solid #009172;position: relative;border-radius: 50%;position: relative;transition: all 0.3s ease-out 0s;}
.circleBox .circle-border-inside {border: 10px solid #333333;border-radius: 50%;transition: all 0.3s ease-out 0s;}
.circleBox .circle-triangle {border-color: #009172 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-style: solid;border-width: 15px 15px 0;bottom: -23px;height: 0;margin-left: 65px;position: absolute;transition: all 0.3s ease-out 0s;width: 0;}
.circleBox i {line-height: 140px;display: block;color: #333;font-size: 64px;transition: all 0.3s;-webkit-transition: all 0.3s;}
#introArea,#clientArea {background-color: #009172;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-background-size: widthpx heightpx;-webkit-background-size: 1900px 1200px;}

/* Buttons */
.btn,.btn.btn-primary:hover {border-color: #009172;text-decoration: none;text-transform: uppercase;text-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;outline: 0;background: none;color: #009172;}
.btn:hover,.btn:focus {background: #009172;color: #fff;border-color: #009172;}
.btn.btn-primary {border-color: #009172;background: #009172;color: #fff;}
.btn.btn-primary:hover {background: none;}
.btn-outline-inverse {border: 1px solid #fff;color: #fff;background: rgba(0, 0, 0, 0.0);}
.btn-outline-inverse:hover {background: #fff;color: #333;border: 1px solid #fff;}
.btn-outline-inverse:hover,.btn-outline-inverse:focus {background: #fff;border-color: #fff;color: #009172;}

/* Navigation */
.top-menu {font-size: 14px;position: static;margin: 0px;font-family: 'Carrois Gothic SC';padding: 15px 0;background: #fff;border-bottom: 0px;-webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2);}
.top-menu .navbar-header {margin-left: 0px;margin-right: 0px;}
.top-menu .navbar-brand {color: #009172;font-size: 23px;height: auto;line-height: 50px;padding: 0px;font-weight: 700;}
.top-menu .navbar-brand:hover{color: #009172 !important;font-size: 23px;height: auto;line-height: 50px;padding: 0px;font-weight: 700;}
.top-menu .bandera img{padding: 5px;height: 50px;}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {color: #1CB2DD;}
.top-menu,.top-menu .navbar-brand,.top-menu .navbar-nav > li > a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.top-menu .navbar-nav > li > a {color: #5B5E60;text-transform: uppercase;font-size: 16px;}
.top-menu .navbar-nav > li > a:hover,.top-menu .navbar-nav > li > a.current,.top-menu .navbar-nav > .active > a,.top-menu .navbar-nav > .active > a:hover,.top-menu .navbar-nav > .active > a:focus,.top-menu .navbar-nav > .open > a,.top-menu .navbar-nav > .open > a:hover,.top-menu .navbar-nav > .open > a:focus,.top-menu .navbar-nav .open .dropdown-menu > li > a:hover,.top-menu .navbar-nav .open .dropdown-menu > li > a:focus {background: none;color: #009172;border-bottom: 4px solid #009172;}
.top-menu .navbar-toggle {border-color: #009172;margin-right: 0px;}
.top-menu .navbar-toggle .icon-bar {background: #009172;}
.top-menu .navbar-toggle:hover,.top-menu .navbar-toggle:focus {background: #009172;border-color: #009172;}
.top-menu .navbar-toggle:hover .icon-bar,.top-menu .navbar-toggle:focus .icon-bar {background: #fff;}
.top-menu .navbar-right .dropdown-menu {left: 0px;}
.top-menu .navbar-collapse,.top-menu .navbar-form {border-color: #009172;}
.top-menu > .container .navbar-brand,.top-menu > .container-fluid .navbar-brand {margin: 0px;}
.light-gray-row {padding-top: 60px;overflow: hidden;background: #F8F8F8;}

/* animated header */
.top-menu.tiny {padding: 5px 0;position: fixed;}

/* jumbotron */
.jumbotron {text-align: center;padding: 40px 0;min-height: 0px;background: none;margin: 0px;color: #fff;}
.jumbotron h1 {font-weight: 700;line-height: 1;margin: 10px 0 30px;}
.jumbotron a.btn {font-weight: bold;margin: 20px auto 0;}

/* jumbotron */
.content-head {text-align: center;}

/* Top Area */
#topArea {padding: 7px;font-size: 13px;border-bottom: 1px solid #E1E1E1;color: #8F8F8F;background: #F1F1F1;}
#topArea p {padding: 2px 0;margin: 0px;}

/* Main Area */

#mainArea {}
#mainArea { height:750px;padding-top: 102px; overflow: hidden; position: relative; color: #fff; vertical-align: baseline;background: #1D3D8F;  background-repeat: no-repeat;}
#mainArea .container { position: relative; z-index: 99;}
#mainArea video {display: block;top: 0; left: 0; width: 100%; object-fit: cover;position: absolute;}
#mainArea h1 {font-size:40px;}
/* Main Slider */
#main-slider {position: relative;height: 500px;}
#main-slider .jumbotron {padding-top: 15%;position: absolute;left: 0px;right: 0px;top: 0px;height: 200px;}
#main-slider .slides img{width: 100%; height: auto;}


/* Welcome Area */

#welcomeArea {padding: 20px 0;color: #fff;background: #009172;border-bottom: 1px solid #03b09a;}
#welcomeArea h2 {color: #fff;margin: 0px;text-align: center;}
#welcomeArea a.btn {margin: 5px 10px;}
#welcomeArea p {margin: 0px;}

/* About Area */
#aboutArea {padding: 0px;overflow: hidden;}
.services {background-color: #FFFFFF;transition: all 0.3s;-webkit-transition: all 0.3s;border: 2px solid #E5E5E5;margin-top: 90px;padding: 120px 30px 20px;}
.services .circleBox {position: absolute;top: 0px;left: 50%;margin-left: -90px;}
.services .circle-border-inside {background: #fff;}
.services li {padding: 10px 15px;display: block;width: 100%;border-top: 1px solid #e5e5e5;}
.services li:first-child {border: none;}
.services:hover {color: #fff !important;border-color: #009172;background: #009172;}
.services:hover  h3  {color: #fff !important;}
.services:hover i {transform: rotate(360deg);transform: rotate(360deg);}
.services:hover .circle-border-outside {border-color: #484848;}
.services:hover .circle-border-inside {border-color: #009172;}
.services:hover .circle-triangle {border-color: #484848 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
#aboutArea .clientsArea { padding-top: 20px; margin-top: 20px;}
#aboutArea .clientsArea h2{color: #009172;}
#aboutArea .clientsArea ul{list-style: none;display: flex;}
#aboutArea .clientsArea ul li{display: inline-block; width: 50%}

/* Service Area */
#serviceArea {padding: 30px 0px 0px 0px;position: relative;}
#serviceArea .i-overlay {font-size: 40px;color: #009172;width: 100px;height: 100px;margin: 15px auto;-webkit-border-radius: 70%;border-radius: 70%;}
#serviceArea .service {min-height:400px;padding: 20px;margin-bottom: 20px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ECECEC;background: #F8F8F8;-webkit-transition: 0.35s;-moz-transition: 0.35s;-o-transition: 0.35s;transition: 0.35s;}
#serviceArea .service:hover {background: #fff;}
#serviceArea h3 {font-size: 1.5em;}

/* Detail Area */
#detailArea {padding: 30px 0;color: #fff;background: #009172;border-bottom: 1px solid #03b09a;}
#detailArea .nav-pills > li.active > a,#detailArea .nav-pills > li.active > a:hover,#detailArea .nav-pills > li.active > a:focus {background: #F6F6F6;color: #009172;}
#detailArea .nav-pills > li.active > a:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-top-color: #F6F6F6;border-width: 10px;margin-left: -10px;}
#detailArea h1,#detailArea h2,#detailArea h3 {color: #fff;}
#detailArea ul li{font-size:20px;}

/* Work Area */
#workArea {padding: 0px;}
#workArea ul.controls {width: 100%;padding: 0px;overflow: hidden;margin: 10px 0;text-transform: uppercase;font-weight: 700;}
#workArea ul.controls li {list-style: none;display: inline-block;padding: 10px 15px;cursor: pointer;margin-bottom: 10px;}
#workArea ul.controls li a {display: block;}
#workArea ul.controls li.active {color: #fff;background: #009172;}
#workArea ul#Grid {margin-top: 20px;margin-bottom: 20px;padding: 0;position: relative;}
#workArea ul#Grid li {display: none;margin-bottom: 2em;position: relative;}
#workArea ul#Grid a {display: inline-block;width: 30px;height: 30px;padding: 4px 0;color: #009172;background: #fff;font-weight: 700;text-transform: uppercase;-webkit-border-radius: 50%;border-radius: 50%;}
#workArea ul#Grid a:hover {color: #fff;background: #009172;}
#workArea ul#Grid span {display: block;color: #fff;margin-bottom: 5px;font-weight: 700;padding-top: 38%;}
#workArea ul#Grid img {-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;margin: 0px auto;}
#workArea ul#Grid .detail {opacity: 0;cursor: pointer;position: absolute;text-align: center;height: 100%;top: 0px;right: 15px;left: 15px;background: rgba(0, 194, 169, 0.7);}

/* Client Area */
#clientArea {color: #009172;padding: 40px 0px;position: relative;background-image: url(../images/464661.jpg);}
#clientArea ul.logos li {
/*margin-right: 50px;*/
width: 400px;list-style: none;display: inline-block;}
#clientArea .flex-control-paging li a {background: rgba(255, 255, 255, 0.5);}
#clientArea .flex-control-paging li a.flex-active {background: rgba(255, 255, 255, 1.0);}

/* Team Area */
#teamArea {padding: 30px 0px;}
#teamArea h3 {margin-bottom: 5px;}
#teamArea img {margin: 0px auto;}
#teamArea .small {text-transform: uppercase;}
#teamArea .fa {font-size: 18px;margin: 0 4px;}
#teamArea p.lead a {width: 28px;display: inline-block;font-size: 13px;text-align: center;padding: 5px 0;height: 28px;-webkit-border-radius: 50%;border-radius: 50%;background: #009172;color: #fff;}
#teamArea .team {padding: 12px;margin: 0 2px;margin-bottom: 20px;background: #F8F8F8;border: 1px solid #ECECEC;-webkit-border-radius: 10px;border-radius: 10px;}
#teamArea .team:hover {color: #fff;border-color: #009172;background: #009172;}
#teamArea .team:hover h3 {color: #fff;}
#teamArea .team:hover p.lead a {background: #fff;color: #009172;}

/* Intro Area */
#introArea {color: #fff;padding: 40px 0px;position: relative;background-image: url(../images/image_1900x1200.jpg);}
#introArea h1 {color: #fff;}

/* Newsletter Area */
#newsletterArea {padding: 30px 0px;background: #F8F8F8;border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;}

/* Contact Area */
#contactArea {padding: 10px 0px 60px;}
#contenedor_area_contacto {padding: 0px;background: #F8F8F8;border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;}
#contactArea #map {margin: 60px 0 0 0;}
#contactArea #map_canvas {height: 300px;width: 100%;clear: both;}
#contactArea .form-control {margin-bottom: 20px;}
#contactArea textarea {height: 110px;resize: none;}
#contactArea .row {margin-top: 50px;}
#contactArea .btn {margin-top: 20px;width: 100%;}

/* Footer Area */
#footerArea {padding: 30px 0;background: #009172;color: #fff;}
#footerArea a {color: #fff;}
#footerArea a:hover {color: #fff;}
#footerArea .logo-bottom {font-size: 35px;margin-bottom: 20px;font-weight: bold;}
#footerArea .logo-bottom a {color: #fff;text-shadow: 1px 1px 0 #303030;}
/* modal codigo de etica*/
#codigo_etica *:not(.modal-footer){text-align: justify;}
#codigo_etica li{list-style: none;}
#codigo_etica .modal-title{color: #009172;}
#codigo_etica strong{color: #009172;}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {
.navbar .navbar-brand {font-size: 28px;}
.nav > li > a {padding-left: 10px;padding-right: 10px;}
.navbar .navbar-brand {font-size: 28px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar .navbar-brand,.navbar.tiny .navbar-brand {font-size: 24px;}
.navbar-nav > li > a {padding-left: 8px;padding-right: 8px;font-size: 12px;}
#main-slider .jumbotron {padding-top: 10%;}
.jumbotron h1,.jumbotron .h1 {font-size: 50px;}
.big-icon {font-size: 205px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
h1 {font-size: 32px;}
.navbar .navbar-brand,.navbar.tiny .navbar-brand {font-size: 10px;}
.jumbotron {padding: 20px 0;}
.jumbotron h1 {font-size: 35px;}
.jumbotron p {font-size: 16px;}
.flex-direction-nav a {top: 80%;margin: 0px;}
.top-menu.tiny {padding: 5px 0;}
.services .circleBox {top: -75px;}
#contactArea #map {position: static;}
#contactArea #map_canvas {height: 300px;}
#contactArea .col-sm-6 {margin-bottom: 30px;}
#contactArea .btn {margin-bottom: 8px;}
#topArea,#topArea .text-right {padding: 5px 0;text-align: center;}
#mainArea .flex-direction-nav {display: none;}
#mainArea {padding: 140px 0px 0px 0px;}
#main-slider .jumbotron {padding-top: 7%;}
#featureArea {text-align: center;}
#welcomeArea .text-right {text-align: left;}
#welcomeArea a.btn {margin: 15px 0;}
#detailArea .nav-justified > li {margin: 0px;margin-bottom: 12px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.navbar {padding: 10px 0;}
.navbar.tiny {padding: 0px;}
.jumbotron {padding: 10px 0;}
#main-slider .jumbotron h1 {font-size: 24px;}
#teamArea .col-sm-6 {width: 50%;float: left;}
#detailArea .nav-justified > li,#workArea ul#Grid li {width: 50%;float: left;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
#main-slider .jumbotron {padding: 20px 0;}
#main-slider .jumbotron h1 {font-size: 18px;}
#main-slider .jumbotron p {display: none;}
}
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);div.table-title {display: block;margin: auto;max-width: 600px;padding:5px;width: 100%;}

/* BEGIN TABLE DETAILS*/

/*** Table Styles **/

.table-fill {background: white;border-radius:3px;border-collapse: collapse;height: 320px;margin: auto;max-width: 600px;padding:5px;width: 100%;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);animation: float 5s infinite;}
th {color:#fafafa;;background:#25998a;border-right: 1px solid #25998a;font-size:23px;font-weight: 100;padding:24px;text-align:left;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);vertical-align:middle;}
th:first-child {border-top-left-radius:3px;}
th:last-child {border-top-right-radius:3px;border-right:none;}
tr {border-top: 1px solid #25998a;border-bottom-: 1px solid #25998a;color:#333;font-size:16px;font-weight:normal;text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);}
tr:hover td {background:#333;color:#FFFFFF;border-top: 1px solid #333;border-bottom: 1px solid #333;}
tr:first-child {border-top:none;}
tr:last-child {border-bottom:none;}
tr:nth-child(odd) td { background:#EBEBEB; }
tr:nth-child(odd):hover td { background:#333; }
tr:last-child td:first-child {border-bottom-left-radius:3px;}
tr:last-child td:last-child {border-bottom-right-radius:3px;}
td {background:#FFFFFF;padding:20px;text-align:left;vertical-align:middle;font-weight:300;font-size:18px;text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);border-right: 1px solid #C1C3D1;}
td:last-child {border-right: 0px;}
th.text-left {text-align: left;}
th.text-left h3 {text-align: left;color: #fff;}
th.text-center {text-align: center;}
th.text-right {text-align: right;}
td.text-left {text-align: left;}
td.text-center {text-align: center;}
td.text-right {text-align: right;}

/*END TABLE DETAILS*/


.codigo-de-conducta{
	padding-top: 8em !important;
	padding-bottom: 5em !important;
	text-align: left !important;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.codigo-de-conducta {
		padding: 2em;
	}
	.codigo-de-conducta h2 {
		font-size: 24px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.codigo-de-conducta {
		padding: 2em;
	}
	.codigo-de-conducta h2 {
		font-size: 24px;
	}
}
.codigo-de-conducta h2 {
	text-align: left;
}
.codigo-de-conducta h1 {
	text-align: center;
}
.codigo-de-conducta div {
	text-align: left;
}

.pillars-container {
	width: 100%;
	max-width: 1500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.roof {
	background-color: #275f44;
	color: white;
	padding: 20px;
	clip-path: polygon(0 100%, 100% 100%, 50% 0);
	position: relative;
	margin-bottom: 15px;
	z-index: 1;
}

.roof-company{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}

.roof h1 {
	font-size: 2em;
	padding-top: 20px;
	color: white;
}

.columns-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	gap: 20px;
}

.column {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	padding: 20px;
	width: 18%;
	min-width: 150px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
	position: relative;
	z-index: 2;
}

.column.column-1 {
	background: linear-gradient(to bottom, #139db1, #246765);
}

.column.column-2 {
	background: linear-gradient(to bottom, #28aed4, #28aed4);
}

.column.column-3 {
	background: linear-gradient(to bottom, #5fa350, #469118);
}

.column.column-4 {
	background: linear-gradient(to bottom, #e4a531, #aa7d08);
}

.column.column-5 {
	background: linear-gradient(to bottom, #b4b617, #757a16);
}

.column-content {
	color: white;
}

.column h2 {
	font-size: 2.5em;
	margin: 0 0 10px 0;
	border-bottom: 2px solid white;
	padding-bottom: 5px;
	text-align: center;
}

.column h3 {
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 2px solid white;
	color: #ffffff;
	overflow-wrap: break-word;
}

.column p {
	font-size: 1em;
	line-height: 1.4;
	text-align: center;
}

@media (min-width: 501px) and (max-width: 800px) {
	.columns-container {
		flex-wrap: wrap;
		justify-content: center;
	}

	.column {
		width: calc(33.33% - 20px);
		margin-bottom: 20px;
	}
}

@media (max-width: 500px) {
	.columns-container {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.pillars-container {
		width: 90%;
	}

	.column {
		width: 90%;
		margin-bottom: 0;
	}
}

#newsCarruselContainer .carousel-inner>.item>img {
	width: 50%;
	max-width: 400px;
	margin: 0 auto;
}

@media (max-width: 800px) {
	#newsCarruselContainer .carousel-inner>.item>img {
			width: 80%;
		}
}