/*--------------------------------------------------------------
>>> FUENTES PARA LA PAGINA:
----------------------------------------------------------------*/
@font-face{
  font-family: "Roboto Slab SemiBold";
  src:url('../fonts/Roboto/RobotoSlab-SemiBold.ttf') format("truetype");
}

/*--------------------------------------------------------------
>>> ESTILOS HOME:
----------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5{
	font-family: 'Roboto Slab SemiBold', serif;
}
p{
	font-family: 'Droid Sans', arial;
}
#menuPrincipal{
	border-bottom: 1px solid #30c592;
	background-color: #fff;
	position: relative;
	z-index: 5;
	width: 100%;
}
#menuPrincipal .navbar-brand img{
	width: 300px;
}
#menuPrincipal .navbar-nav li a{
	border-bottom: 2px solid transparent;
	color: #140098;
	font-family: 'Droid Sans', arial;
	font-size: 17px;
	font-weight: 700;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
} 
#menuPrincipal .navbar-nav li a:hover{
	color: #8bc34a;
	border-bottom: 3px solid #8bc34a;
}
.active a{
	color: #8bc34a !important;
	border-bottom: 3px solid #8bc34a !important;
}
#menuPrincipal .dropdown-menu{
	background-color: #fff;
	border: 1px solid #8bc34a;
}
#menuPrincipal .dropdown-item:focus, 
#menuPrincipal .dropdown-item:hover{
	background-color: transparent;
}
#menuPrincipal .navbar-toggler{
	background-color: rgba(255,255,255, 0.2);
}
.contSliderHome{
	margin-top: -98px;
}
#formSearch input{
	background-color: transparent;
	color: #9fdec2;
	border: 2px solid #8bc34a;
	border-radius: 37px;
}
#formSearch button{
	background-color: #8bc34a;
	border: 2px solid #8bc34a;
	color: #fff;
	border-radius: 32px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#formSearch button:hover{
	background-color: transparent;
	border: 2px solid #8bc34a;
	color: #8bc34a;
}
#header{
	background-color: #262626;
	padding: 10px 0;
	font-family: 'Droid Sans', arial;
	position: relative;
}
.conTeleHeader p{
	margin: 0;
}
.conTeleHeader p a{
	margin-right: 15px;
	color: #9fdec2;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.conTeleHeader p a:hover,
.conLogosHeader a:hover{
	color: #8bc34a;
	outline: none;
	text-decoration: none;
}
.conLogosHeader{
	text-align: right;
	position: relative;
}
.conLogosHeader a{
	color: #9fdec2;
	font-size: 17px;
  margin: 0 5px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.SectionQuieSo{
	position: relative;
	background-color: #fcfcfc;
	padding: 70px 0;
}
.conTextSec{
	text-align: center;
}
.conTextSec h1,
.conTextSec h2{
	font-size: 40px;
	color: #1b5e20;
	line-height: 55px;
	padding: 0 60px;
}
.conTextSec h1 span,
.conTextSec h2 span{
	color: #689f38;
}
.conTextSec p{
	font-size: 22px;
	line-height: 36px;
	color: #444444;
}
.btnSaberMas{
	font-family: 'Roboto Slab SemiBold', serif;
	background-color: #0076c2;
	border: 2px solid #0076c2;
	border-radius: 51px;
	padding: 12px 33px;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin: 30px 0;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btnSaberMas:hover{
	background-color: transparent;
	color: #0076c2;
}
.SectionCaracter{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	padding: 100px 0;
}
.capa1{
	position: absolute;
	background-color: rgba(0,0,0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.conTextSec2 h2{
	font-size: 40px;
	color: #fff;
	line-height: 55px;
}
.conTextSec2 h3{
  text-transform: uppercase;
	color: #689f38;
	font-size: 17px;
	padding: 0;
	margin: 0;
}
.conTextSec2 p{
	font-size: 22px;
	line-height: 36px;
	color: #fff;
}
.conBtn{
	line-height: 20;
  vertical-align: middle;
}
.btnSaberMas2{
	font-family: 'Roboto Slab SemiBold', serif;
	background-color: #689f38;
	border: 2px solid #689f38;
	border-radius: 51px;
	padding: 12px 33px;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	margin: 30px 0;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btnSaberMas2:hover{
	background-color: transparent;
	border: 2px solid #689f38;
	color: #689f38;
}
.conServicio{
  box-shadow: 0 10px 40px rgba(156,204,101,.20);
  background-color: white;
  max-width: 30.333333%;
  position: relative;
  margin: 12px;
  text-align: center;
  padding: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.conServicio:hover{
  box-shadow: 0 10px 40px rgba(0,0,0,.20);
}
.conServicio:hover h2{
  color: #689f38;
}
.conServicio:hover p{
  color: #1b5e20;
}
.conServicio a img{
  width: 75px;
  margin: 22px auto;
}
.conServicio a h2{
  color: #333;
  font-size: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.conServicio a p {
  font-size: 13px;
  line-height: 19px;
  color: #444444;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.secFormaParte{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 70px 0;
}
.capa2{
  position: absolute;
  background-color: rgba(40, 60, 19,0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.capa3 {
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#idConFormForma{
  margin: 25px 15px;
  position: relative;
}
#idConFormForma .form-control{
  background-color: transparent;
  font-family: 'Droid Sans', arial;
  border-radius: 50px;
  height: 50px;
  color: white;
}
.contImgNoti{
	max-width: 100%;
	height: 197px;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contImgNoti img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.capa3 a i{
	border: 2px solid #fff;
	padding: 13px;
	border-radius: 50%;
	font-size: 24px;
	color: #fff;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.capa3 a:hover i{
	background-color: #689f38;
}
.contImgNoti:hover .capa3{
	opacity: 1;
}
.contImgNoti:hover i {
	-webkit-transform: translateY(70px);
	-moz-transform: translateY(70px);
	-ms-transform: translateY(70px);
	-o-transform: translateY(70px);
	transform: translateY(70px);
}
.SectionQuieSo .contNoticia{
	box-shadow: 0 10px 40px rgba(156,204,101,.20);
	border: 0;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.SectionQuieSo .contNoticia:hover{
	box-shadow: 0 10px 40px rgba(0,0,0,.20);
}
.contNoticia .card-body h5{
	color: #1b5e20;
	font-weight: 600;
}
.btnLeerArticulo{
	font-family: 'Roboto Slab SemiBold', serif;
	background-color: #0076c2;
	border: 2px solid #0076c2;
	border-radius: 51px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 500;
	color: #fff;
	float: right;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btnLeerArticulo:hover{
	background-color: transparent;
	border: 2px solid #689f38;
	color: #689f38;
}
.secLogosClientes{
	padding: 30px 0;
}
#idCarouselLogos .conLogo img{
	width: 170px;
	margin: auto;
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#idCarouselLogos .conLogo img:hover{
	opacity: 1;
}
#idFooter{
	background-image: url(http://terrasoluciones.com.co/wp-content/uploads/2020/07/fpat.jpg);
	background-repeat: repeat;
	background-position: center;
	padding: 50px 0 15px;
}
.contWidgetFooter img{
	width: 100%;
	margin: auto;
}
.contWidgetFooter hr{
	border-top: 1.3px dotted rgb(137 185 81);
}
.contWidgetFooter p{
	color: #9fdec2;
	padding: 20px 0;
}
.contWidgetFooter h3{
	text-align: center;
	color: #9fdec2;
	margin: 21px 0;
}
.contWidgetFooter ul{
	margin: 46px 0;
  list-style: none;
}
.contWidgetFooter ul li{
	padding: 8px 0;
}
.contWidgetFooter ul li a{
	font-family: 'Droid Sans', arial;
	color: #9fdec2;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contWidgetFooter ul li a:hover,
.contCards .card .card-body a:hover,
.conCopyRight p a:hover,
.conServicio a:hover{
	color: #689f38;
	text-decoration: none;
}
.contWidgetFooter ul li a i{
	margin-right: 7px;
}
.contWidgetFooter .conTags{
	margin: 40px 0;
}
.contWidgetFooter .conTags a{
	font-family: 'Roboto Slab SemiBold', serif;
	background-color: #444444;
	color: #9fdec2;
	padding: 7px 20px;
	border: 1px solid #444444;
	border-radius: 40px;
	line-height: 3;
	white-space: pre;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contWidgetFooter .conTags a:hover{
	text-decoration: none;
	background-color: #689f38;
	border: 1px solid #689f38;
}
.contCards .card{
	background-color: transparent;
	border: 0;
}
.contCards .card .contImg{
	max-width: 100%;
	height: 75px;
	overflow: hidden;
	position: relative;
}
.contCards .card .contImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.contCards .card .card-body{
	padding: 1px 11px;
}
.contCards .card .card-body a:hover h5{
	color: #689f38;
}
.contCards .card h5{
	color: #9fdec2;
	margin-bottom: 1px;
  font-size: 15px;
}
.contCards .card p{
	padding: 3px 0;
	font-size: 14px;
	margin: 0;
}
.contCards .card .text-muted span{
	color: #689f38;
	font-size: 14px;
}
.conCopyRight{
	padding: 35px 0 0;
	border-top: 1px solid #9fdec2;
	position: relative;
}
.conCopyRight p{
	color: #9fdec2;
	font-size: 14px;
	margin-bottom: 0;
}
.conCopyRight p a{
	color: #689f38;
}
.conLogosFooter{
	text-align: right;
	position: relative;
}
.conLogosFooter a{
	border: 1px solid #689f38;
	border-radius: 100%;
	color: #689f38;
	width: 50px;
	height: 50px;
	line-height: 48px;
	text-align: center;
	display: inline-block;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.conLogosFooter a:hover{
	border: 1px solid #fff;
	color: #fff;
}

/*--------------------------------------------------------------
>>> ESTILOS PARA QUIÉNES SOMOS:
----------------------------------------------------------------*/
#idSectionInter{
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	padding: 215px 0 30px;
}
.contTitleHeader h1{
	color: #9fdec2;
	font-size: 40px;
}
.contTitleHeader p,
.contTitleHeader p a{ 
  color: #9fdec2;
}
#idSecMiSi{
  background-image: url(http://terrasoluciones.com.co/wp-content/uploads/2020/07/patt-1-1-2-1.png);
	background-repeat: repeat;
	background-position: center;
	padding: 50px 0 15px;
}
.conInfoValores{
  margin: 15px 0;
}
.conInfoValores img{
  width: 60px;
  float: left;
  margin-right: 15px;
}
.conInfoValores h5{
  line-height: 3;
}
.pTextValores {
  text-align: center;
  font-size: 22px;
  line-height: 36px;
  color: #ffffff;
}
.conFormValores{
  background-color: rgba(0,0,0,0.2);
  padding: 9px 50px;
  border-radius: 30px;
}
.secCapHumano{
	background-image: url(http://terrasoluciones.com.co/wp-content/uploads/2020/07/patt-1-1-2-1.png);
	background-repeat: repeat;
	background-position: center;
	padding: 50px 0;
}
.pCapital{
	text-align: justify;
}
.ulExperiencia, .ulLIstInter{
	list-style: none;
}
.ulLIstInter p{
	color: #333;
	font-size: 17px;
  line-height: 19px;
}
#idSecBrochure{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	padding: 70px 0;
}
.capa4{
  position: absolute;
  background-color: rgba(253, 253, 253,0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.contPdf{
	text-align: center;
}
.contSliderServicios{
	/* box-shadow: 0px 4px 30px -2px #333333; */
	box-shadow: 27px 32px 1px -8px #005fb6;
	position: relative;
}


/*--------------------------------------------------------------
>>> ESTILOS PARA LAS NOTICIAS:
----------------------------------------------------------------*/
.contInfoNoticia{
	position: relative;
}
.contInfoNoticia .contImg{
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin-bottom: 18px;
  border-radius: 12px;
}
.contInfoNoticia .contImg img{
  max-width: 100%;
  height: auto;
}
.contInfoNoticia h3{
  color: #333333;
}
.contInfoNoticia p small{
  margin-right: 25px;
}
.contInfoNoticia p small i{
  color: #4b7f0e;
  font-size: 17px;
  margin-right: 8px;
}
.contInfoNoticia blockquote {
  background: #f7f7f7;
  border: 1px solid #eee;
  position: relative;
  width: 80%;
  overflow: hidden;
  margin: 30px auto 30px;
  line-height: 36px;
  padding: 40px;
}
.contInfoNoticia blockquote p {
  margin: 0;
  color: #666;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
  line-height: 36px;
}
.contInfoNoticia blockquote i {
  font-weight: 700;
  color: #e1e1e1;
  position: absolute;
  bottom: 0;
  right: 20px;
  font-size: 60px;
  line-height: 70px;
  font-style: normal;
}
.conInfoConta{
	box-shadow: 0 10px 40px rgba(156,204,101,.20);
	background-color: white;
  padding: 35px 25px;
  margin-bottom: 35px;
}
.conInfoConta h3{
	color: #333;
  font-size: 22px;
}
.conInfoConta p{
  font-size: 15px;
  line-height: 19px;
  color: #444444;
  margin-bottom: 6px;
}
.conInfoConta p a{
  color: #444444;
}
.conInfoConta p a:hover{
  text-decoration: none;
}
#idConFormForma .textArea{
	height: 75px;
}