body,html{width:100%;height:100%}

body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}

hr{max-width:50px;border-width:3px;border-color:white}
hr.light{border-color:#fff}

a{color:white;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
a:hover{color:white}

h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}

.bg-primary{background-color:#204842!important}
.bg-dark{background-color:#212529!important}
.text-faded{color:rgba(255,255,255,1)}
section{padding:6rem 0}
.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}

img::selection{color:#fff;background:0 0}
img::-moz-selection{color:#fff;background:0 0}

#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#204842;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:green}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:green}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:green!important;background-color:transparent}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.9)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.9)}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}
#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
#mainNav.navbar-shrink .navbar-brand{color:#204842}
#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:green}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:green}}

header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.jpg);background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}
header.masthead p{font-weight:300}

@media (min-width:768px){header.masthead p{font-size:1.15rem}}

@media (min-width:992px){
	header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}
	header.masthead h1{font-size:3rem}}

@media (min-width:1200px){
	header.masthead 
	h1{font-size:4rem}}

.service-box{max-width:400px}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(0,116,98,.7);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}

@media (min-width:768px){
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
}

@media only screen and (max-width:768px){
	.back-to-top2 {display:none !important;}
}

.text-primary{color:#f05f40!important}
.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
.btn-xl{padding:1rem 2rem}
.btn-primary{background-color:#f05f40;border-color:#f05f40}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}
.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}





.btn-success {
	background-color: #34746a;
}

.equipo-humano { color: rgba(255,255,255,.7);}

.separador-negro {
    border-color: black !important;
}

ul.lista-servicios li { margin-bottom:20px;}
	

/* Sociales */

.bg-circle
{
  display: inline-block;
  width: 60px;
  height: 60px;
  padding: 14px 4px;
  color: #ececec;
  text-align: center;
  border-radius: 50%;
}

.bg-circle-outline
{
  width: 30px;
  height: 30px;
  padding: 4px 2px;
  border:none;
  border-radius: 50%;
  background-color:white;
}


.bg-circle a, a:hover, .media a:focus
{
  text-decoration: none !important;
  outline: none;
  color: #ececec;
}
.bg-circle-outline a, a:hover, .media a:focus
{
  text-decoration: none !important;
  outline: none;
  color: #ececec;
}

.creditos { font-size: 15px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 16px;}
.creditos a:hover {color:yellow !important;}

/* Para subir al cielo se nesecita */
.back-to-top2 {position:fixed; bottom:10px; right:10px; text-decoration:none; color:#000000; background-color:rgba(255,255,255, 1); font-size:12px; padding:0; display:none; 
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.back-to-top2:hover {background-color:rgba(235,235,235, 0.7);}	
.back-to-top2 img {width: 33px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1;}