@charset "utf-8";
/* CSS Document */

/* ==================================================================
	1.0 General
================================================================== */
html {
  position: relative;
  min-height: 100%;
}
body{
	font-family: "Lato",sans-serif;
	padding-bottom: 70px;
}
/* ==================================================================
	1.0 Section
================================================================== */
section{
	text-align:center;
	padding:0px;
	font-family: "Lato",sans-serif;
	z-index:5;
	position:relative;
}
section .container{
	padding-top:60px;
	padding-bottom:60px;
	position: relative;
	z-index:10;
}
section img{
	margin:auto;
}
section img.img-circle{
	width:300px;
}
section h1, section h2, section h3, section h4 {
    font-weight: 700;
}
section#home .divider{
	display:none;
}
section#home .container {
    position: relative;
    z-index: 5;
    padding-bottom:70px;
    padding-top: 100px;
}
.divider{
	width:100px;
	border-bottom:2px solid;
	margin:auto;
}
.heading{
	margin:20px auto 30px auto;
}
.heading p{
	font-size:20px;
}

/* ==================================================================
	1.0 Footer
================================================================== */
footer{
	background:#ececec;
    color: #686868;
	text-align:center;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index:6;
}
footer a{
	color:#FFF;
	text-decoration:underline;
}
footer .copyright{
	background:#333;
	color:#FFF;
	margin:0px;
	padding: 20px 0px;
}
footer .copyright a{
	color:#FFF;
	text-decoration:underline;
}
ul.contact{
	padding: 20px 0px;
    margin: 0px;
}
ul.contact li{
	display: inline-block;
	margin-right: 15px;
}
ul.contact i{
	color: #111;
	margin-right: 3px;
	font-size: 20px;
}


/* ==================================================================
	1.0 Form
================================================================== */
.contactform input, .contactform textarea{
    border: 1px solid #B6B7B7;
	color: #363B3F;
	background: transparent none repeat scroll 0% 0%;
	padding: 15px 30px;
	margin: 0px 3% 20px 0px;
	resize: none;
	border-radius: 0px;
	height: auto;
}
.contactform .form-control:focus {
    border-color:#111;
    outline: 0px none;
    box-shadow:none;
}
.btn{
	border-radius:3px;
}
.btn-primary{
	background:#111;
	border:solid 2px #111;
}
.btn-primary:hover,
.btn-primary.btn-bordered{
	background:none;
	border:solid 2px #111;
	color:#111;
}

/* ==================================================================
	4.0 Icons Social
================================================================== */
ul.social{
	padding: 0px;
    margin: 30px 0px;
}

ul.social li{
	display: inline-block;
	margin: 0px 4px;
}
ul.social li a i{
	font-size: 20px;
	width: 50px;
	height: 50px;
	line-height: 2.3em;
	border-radius: 100px;
	color:#222;
	position: relative;
	border: 2px #222 solid;
}
ul.social li a:hover i{
	color: #111;
	border: 2px solid;
	background:#111;
}
/* ==================================================================
	4.0 Owl Carrousel
================================================================== */
#owl-slide .item{
  margin: 3px;
}
#owl-slide .item img{
  display: block;
  width: 100%;
  height: auto;
}
#owl-slide.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    margin: 30px auto 0px;
}
#owl-slide .owl-buttons div{
	font-size: 32px;
	width: 50px;
	height: 50px;
	line-height: 1.3em;
	border-radius: 100px;
	color: #111;
	position: relative;
	border: 2px solid #FFF;
	background:transparent;
	border: 2px solid #111;
	padding-top: 6px;
}

/* ==================================================================
	4.0 Overlay Styles
================================================================== */
.parallax-overlay { 
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:1;
    background:transparent;
	opacity:0;
}

/* ==================================================================
	GENERAL
================================================================== */
.space-10{height:10px;}
.space-20{height:20px;}
.space-30{height:30px;}
.space-40{height:40px;}
.space-50{height:50px;}
.space-60{height:60px;}
.top-10{margin-top:10px;}
.top-20{margin-top:20px;}
.top-30{margin-top:30px;}
.top-40{margin-top:40px;}
.top-50{margin-top:50px;}
.top-60{margin-top:60px;}
.top-70{margin-top:70px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.bottom-30{margin-bottom:30px;}
.bottom-40{margin-bottom:40px;}
.bottom-50{margin-bottom:50px;}
.bottom-60{margin-bottom:60px;}
.bottom-70{margin-bottom:70px;}

/* ==================================================================
	4.0 Color
================================================================== */
/*Color 2*/
.bg-color-2{
	background:#2b2b2b;
}
.color-2,
body,
ul.social li a i,
ul.contact{
	color:#2b2b2b;
}
.border-color-2,
ul.social li a i{
	border-color:#2b2b2b;
}

/*Color 1*/
.bg-color-1,
.btn-primary,.btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover{
	background:#101010;
}
.color-1,
.heading h1,
.heading h2,
.btn-primary:hover,
.btn-primary.btn-bordered,
.btn-primary.btn-bordered.active.focus,
.btn-primary.btn-bordered.active:focus,
.btn-primary.btn-bordered.active:hover,
.btn-primary.btn-bordered.focus:active,
.btn-primary.btn-bordered:active:focus,
.btn-primary.btn-bordered:active:hover,
ul.social li a:hover i,
ul.contact i{
	color:#101010;
}
.border-color-1,
.divider,
.contactform .form-control:focus,
.btn-primary,
.btn-primary:hover,
.btn-primary.btn-bordered{
	border-color:#101010;
}
ul.social li a:hover i{
    border: 2px #101010 solid;
    background:transparent;
}





.parallax-overlay {
    background: #000;
    opacity: 0.1;
}



.bg-color-1,
.btn-primary,.btn-primary.focus, .btn-primary:focus,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover{
	background:#20a9b2!important;
}
.color-1,
.heading h1,
.heading h2,
.btn-primary:hover,
.btn-primary.btn-bordered,
.btn-primary.btn-bordered,
.btn-primary.btn-bordered.active.focus, .btn-primary.btn-bordered.active:focus, .btn-primary.btn-bordered.active:hover, .btn-primary.btn-bordered.focus:active, .btn-primary.btn-bordered:active:focus, .btn-primary.btn-bordered:active:hover,
ul.social li a:hover i,
ul.contact i{
	color:#20a9b2!important;
}
.border-color-1,
.divider,
.contactform .form-control:focus,
.btn-primary,
.btn-primary:hover,
.btn-primary.btn-bordered{
	border-color:#20a9b2!important;
}
ul.social li a:hover i,
.btn-primary:hover,
.btn-primary.btn-bordered{
    border: 2px #20a9b2 solid !important;
    background:transparent!important;
}

section#home{
background:url(img/maria-cecilia-herrera-tobon-maria-colombia.jpg) center no-repeat;
background-size:cover;
}
/*section#home .parallax-overlay {
background: #00282C;
opacity: 0.8;
}*/
section#home .parallax-overlay {
    background: #282828;
    opacity: 0.7;
}

.logo{width: 230px;}


section#home .bg-color-2{
	background:#FFF!important;
}
section#home,
section#home .color-2,
section#home ul.social li a i{
	color:#20a9b2!important;
}
section#home .border-color-2,
section#home ul.social li a i{
	border-color:#20a9b2!important;
}
section#home .contactform input,
section#home .contactform textarea,
section#home .form-control::-moz-placeholder {
	color:#FFF!important;
    border-color:#20a9b2!important;
}
section#home .form-control::-moz-placeholder {
	opacity:0.6;
}

section#home .bg-color-1,
section#home .btn-primary,
section#home .btn-primary.focus,
section#home .btn-primary.active.focus,
section#home .btn-primary.active:hover,
section#home .btn-primary.focus:active,
section#home .btn-primary:active:focus,
section#home .btn-primary:active:hover{
	background:#20a9b2!important;
}
section#home .color-1,
section#home .heading h1,
section#home .heading h2,
section#home .btn-primary:hover,
section#home .btn-primary.btn-bordered,
section#home .btn-primary.btn-bordered,
section#home .btn-primary.btn-bordered.active.focus, section#home .btn-primary.btn-bordered.active:focus, section#home .btn-primary.btn-bordered.active:hover, section#home .btn-primary.btn-bordered.focus:active, section#home .btn-primary.btn-bordered:active:focus, section#home .btn-primary.btn-bordered:active:hover,
section#home ul.social li a:hover i,
section#home ul.contact i{
	color:#20a9b2!important;
}
section#home ul.social li a:hover i{
	color:#82d5db!important;
}
section#home .border-color-1,
section#home .divider,
section#home .contactform .form-control:focus,
section#home .btn-primary,
section#home .btn-primary:hover,
section#home .btn-primary.btn-bordered{
	border-color:#20a9b2!important;
}


section#home ul.social li a:hover i,
section#home .btn-primary:hover,
section#home .btn-primary.btn-bordered{
    border: 2px #20a9b2 solid!important;
    background:transparent!important;
}
section#home ul.social li a:hover i{
    border: 2px #82d5db solid !important;
    background: transparent !important;
}
section#section1 h3, section#section1 h5{
	color:#47b573;
}
section#section0{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ac544+0,1aab94+100 */
	background: rgb(138,197,68); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(138,197,68,1) 0%, rgba(26,171,148,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(138,197,68,1) 0%,rgba(26,171,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(138,197,68,1) 0%,rgba(26,171,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac544', endColorstr='#1aab94',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 30px 0px 50px 0px;
	color:#FFF;
}
section#section0 h1{
	margin: 0px;	
}

section#section1{
	background-color: #F2F2F2;
}

section#section2{
	background-color:#FFF;
	padding-bottom: 50px;
}
section#section3{
	background-color: #80C350;
	padding-bottom:30px;
}
section#section3 .container {
	padding:0px;
}

section#home .heading h2{
	padding: 0px;
	margin: 0px;
	line-height: 18px;	
}

.oficinas{
	padding-top:30px;	
}
.oficinas h2{
	color:#20a9b2;
}

@media screen and (max-width: 360px) {
	.oficinas h2{
		font-size:23px;
	}
	.logo{width: 150px;}
	
	
section#home .container {
    position: relative;
    z-index: 5;
    padding-bottom: 57px;
    padding-top: 65px;
}

section#section2 {
    padding-bottom: 100px;
}
.top-50 {
    margin-top: 9px;
}

}

.tab-content{
	padding: 40px;
	border-radius: 0px 20px;
	background:#FFF;
}
.tab-content h6{
	font-weight:bold;
	margin-top:40px;
	color:#19a099;
}