html, body{
width:100%;
height:100%;
}
body{
color:#777;
padding:0;
overflow-x:hidden;
}
h1{
color:#555;
}
h2{
color:#555;
font-size: 1.5em;
letter-spacing: .5em;
text-transform: uppercase;
}
h3{
font-size:1.35em;
color:#555;
}
h5{
color:#555;
font-size:.8em;
}
#imgLosa{
position:relative;
margin-top:40px;
border-radius:10px;
height:380px;
width:500px;
}
#citaLosa{
position:relative;
margin-top:17%;
}
#gifLosa{
margin-top:40px;
border-radius:10px;
}
a{
color:#353E49;
transition:color .3s ease;
-webkit-transition:color .3s ease;
-moz-transition:color .3s ease;
-o-transition:color .3s ease;
}
ul{
list-style:none;
}
.row{
max-width:100%;
margin:0!important;
padding:0!important;
}
.wrapper{
z-index:99;
position:relative;
}
.lines-center{
height:2px;
width:25%;
margin:auto;
}

.lines{
height:1px;
background:#ddd;
margin-bottom:35px;
}
/* 1.1 Intro */


#intro{
background: url(img/fondo.png);
background-size: cover;
background-attachment: fixed;
height:100%;
z-index:99;
position:relative;
}
#intro h2{
letter-spacing:.3em;
font-size:1.25em;
}
.title{
height:100%;
padding-top:15%;
}
.fixed-title{
position:fixed;
width:100%;
z-index:9;
background:rgba(255,255,255,.25);
left:0;
padding:15px;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #fff;
	position: absolute;
	bottom: -1px;
	margin: auto;
	left: 50%;
	margin-left:-30px;
	z-index:999;
}
.arrow-up:hover{
opacity: .75;
}
.intro-info{
display:none;
}

/* 1.2 Navigation */

.sticky{
margin:0;
padding:0;
width:100%;
background:#fff;
z-index:999;
height:56px;
}
.sticky ul{
list-style:none;
margin:1px;
}
.sticky li{
text-align:center;
display:inline-block;
vertical-align:top;
padding: 3px;
font-size:16px;
margin: 6px 2px;
text-transform:uppercase;
min-width:7%;
height:40px;
padding-top: 10px;
}

.menu-item{
opacity:0;
font-size:12px;
}
.sticky li:hover .menu-item{
opacity:1;
}
.sticky li:hover a {
color:#58c779;
}
.sticky nav{
border-bottom:1px solid #eee;
background:#fefefe;
box-shadow: 0 1em 1em rgba(0,0,0,0.15);
}
.current{
color:#58c779;
}
/* 1.3 Services */

#services{
background:#fff;
margin:0;
padding:0;
z-index:99;
padding-top:70px!important;
padding-bottom:50px!important;
}
.serv h3{
border-bottom:1px solid #ddd;
}
.serv p{
text-align:left;
}
.icon-services{
font-size:2em;
line-height:75px!important;
color:#fff;
}
.circle-border{
width: 85px;
height: 85px;
border: 1px solid #2361a1;
border-radius: 100%;
position: relative;
opacity:.75;
margin:auto;
}
.serv:hover .circle-border{
opacity:1;
}
.circle{
width: 75px;
height: 75px;
background: #2361a1;
border-radius: 100%;
position: absolute;
left: 4px;
top: 4px;
text-align:center;
}
/* 1.3.1 Services - Pie chart*/
.chart {
position: relative;
display: inline-block;
width: 110px;
height: 110px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
display: inline-block;
line-height: 110px;
font-size: 1.25em;
z-index: 2;
}
.percent::after {
content: '%';
margin-left: 0.1em;
}

#board{
padding:75px!important;
background: #0078AA;
}
#board p{
margin:0;
}
#board1{
padding:75px!important;
background: #0078aa;
}
#board1 p{
margin:0;
}
#board2{
padding:75px!important;
background: white;
border-style:solid;
border-color:#0078aa;
}
#board2 p{
color:#0078aa;
margin:0;
}
.word-wrap{
display:inline-block;
width:60%;
margin-right:10px;
overflow: hidden;
max-height: 74px;
}
.big-size{
color:#fff;
font-size:4em;
}
.small-size{
font-size:1.25em;
color:#bbb;
}
.big-size2{
color:black;
font-size:4em;
}
.small-size2{
font-size:1.25em;
color:#bbb;
}
.full-width{
padding:0;
}
.buy{
padding: 13px 30px;
margin: 0px;
color: white;
font-size: 1em;
font-weight: 300;
border-radius: 4px;
text-transform: uppercase;
border: 1px solid #E3E3E3;
background: rgba(255, 255, 255, 0.2);
width: 150px;
margin: auto!important;
margin-top: 20px!important;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-o-transition:background .5s ease;
}
.buy:hover{
background: rgba(255, 255, 255, 0.5);
}

/* 1.4 The Team */

.reveal-modal{
text-align: center;
background: rgba(0,0,0,.75);
border: none;
width: 100%;
position: absolute;
left: 0;

padding: 50px;
margin: 0;
min-height: 100%;
z-index:9999;
}
.reveal-modal img{
border-radius:5px;
max-width:60%;
box-shadow:0 .1em 1em #000;

}

#team{
background:#fff;
padding-top:70px!important;
padding-bottom:50px!important;
}
.worker-wrap{
background:rgba(255,255,255,.8);
position:relative;
margin-top:15px!important;
padding:10px!important;
}
.worker{
padding:5px;
position:relative;
transition:opacity .3s linear;
-webkit-transition:opacity .3s linear;
-moz-transition:opacity .3s linear;
-o-transition:opacity .3s linear;
}
.social-link{
padding:0;
font-size:1.25em;
padding-bottom:10px;
border-bottom:1px solid #eee;
}
.social-link a:hover{
color:inherit;
}
.social-link a{
color:#666;
}

.developers img, .designers img, .support img{
width:150px;
border-radius:100%;
border:3px solid;
border-color:#ccc;
transition:border .3s ease;
-webkit-transition:border .3s ease;
-moz-transition:border .3s ease;
-o-transition:border .3s ease;
}
.developers .worker:hover img{
border-color:#37a0f3;
}
.designers .worker:hover img{
border-color:#58c779;
}
.support .worker:hover img{
border-color:#e74c3c;
}
.worker h5{
border-bottom: 1px solid #eee;
padding: 10px;
margin-top: 15px;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
}
.developers .worker:hover h5{
background:#37a0f3;
color:white;
}
.designers .worker:hover h5{
background:#58c779;
color:white;
}
.support .worker:hover h5{
background:#e74c3c;
color:white;
}


.developers{
color: #37a0f3;
}
.bg-developers{
background:#37a0f3;
}
.designers{
color: #58c779;
}
.bg-designers{
background:#58c779;
}
.support{
color:#e74c3c;
}
.bg-support{
background:#e74c3c;
}

.team-text p{
margin-top: 150px;
text-align: center;
color: #fff;
font-size: 2em;
position: relative;
}

span.left{
width: 0;
height: 0;
border-right: 80px solid transparent;
border-bottom: 50px solid transparent;
border-top: 80px solid white;
position: absolute;
top: 0;
left: 0;
}
span.right{
width: 0;
height: 0;
border-top: 80px solid transparent;
border-bottom: 50px solid transparent;
border-right: 80px solid white;
position: absolute;
top: 0;
right: 0;
}


/* Popup images */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 1.15s ease-out;
  -moz-transition: all 1.15s ease-out;
  transition: all 1.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 1.15s ease-out;
  -moz-transition: all 1.15s ease-out;
  transition: all 1.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* 1.5 Porftolio */

#portfolio{
background:#fff;
padding-top:70px!important;
}

/* 1.5.1 Window */
#window{
margin-top:550px!important;
height:350px;
width:100%;
background:rgba(255, 255, 255, 0);
}


/* 1.6 Testimonials */
#testimonials{
background:#fff;
padding-top:70px!important;
}
#testimonials blockquote{
color:#555;
line-height:2.25em;
font-style:italic;
}
#testimonials blockquote:before{
content: "\201C";
width: 50px;
height: 50px;
display: inline-block;
font-size: 5em;
color: #e74c3c;
float: left;
margin-top: 25px;
font-family: "Bookman Old Style", Bookman, Garamond, serif;
}

#testimonials p{
font-style:italic;
text-align:right;
color:#999;
font-weight:bold;
}
.progress{
padding:0;
border:none;
background:#eee;
height:.5em;
}
.meter{
background:#58c779!important;
}
.orbit-bullets li.active {
background:#E74C3C;
}
.orbit-bullets li {
border:1px solid #E74C3C;
}
.orbit-slides-container{
background:#fff;
}
.orbit-container li{
background:#fff;
padding:20px;
}
.orbit-timer span{
display:none!important;
}
.orbit-progress{
height:2px!important;
background:#ddd!important;
}
.orbit-slide-number{
display:none;
}
#foo img{
width:50px;
margin:0 25px;
}
.caroufredsel_wrapper{
width:100%!important;
height: 100px!important;
margin: 0px;
overflow: hidden;
line-height: 100px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.clients{
margin:55px auto!important;
}
.clients h3{
font-family: 'Lobster Two', cursive;
color:#555;
background:#fff;
font-size:1.5em;
font-style:italic;
letter-spacing:.75em;
font-weight:lighter;
}
/* 1.7 Contact */
#contact{
background:#fff;
padding-top:70px!important;
padding-bottom:150px!important;
box-shadow:0 1em 1em #ddd;
}
.contact-wrap{
padding:20px!important;
box-shadow:0 .1em 1em #555;
}
#contact h3{
padding: 7px;
color: #555;
font-family: 'Lobster Two', cursive;
color:#555;
background:#fff;
font-size:2.5em;
font-style:italic;
letter-spacing:.75em;
font-weight:lighter;
}
#contact input:focus,#contact textarea:focus{
border-color:#58c779;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
}
#contact input,#contact textarea{
border-color:#eee;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
}
#contact textarea{
min-height:70px;
}

.button{
width: 100%;
font-size:2em;
letter-spacing:.25em;
text-transform:uppercase;
border:none;
background:#e74c3c;
}
button:hover, button:focus, .button:hover, .button:focus{
background:#58c779;
}
[class*="block-grid-"]{
margin:0;
}
.social-media li{
font-size: 2em;
background: rgba(231, 76, 60, 0.15);
border: 2px solid white;
padding: 0;
box-sizing: border-box;
color: #aaa;
}
.social-media li:hover{
background:#e74c3c;
color:#fff;
}
.social-media a:hover{
color:#fff;
}
.info{
display:block;
padding:10px;
}
.info-text{
padding:5px;
}
.orbit-container{
background:#fff;
}
.orbit-container li{
padding:0;
}
.orbit-bullets{
left:10px;
margin: 0 auto 30px auto;
overflow: hidden;
position: relative;
top: 15px;
}
.orbit-bullets li{
cursor:pointer;
}
.city{
color:#e74c3c;
}


/* 1.* Footer */
footer{
background:#eee;
background-image:url(img/footer.png);
position: fixed;
bottom: 0;
width: 100%;
z-index: 9;
padding-top:25px;
height:100%;
}




/* MEDIA QUERIES FOR SMALL SCREEN DEVICES */


@media only screen and (max-width: 40em) { 

.serv h3{
border-bottom:none;
text-align: left;
}
/* Navigation */
.menu-item{
opacity:1;
}
.item-hide{
display:none;
}
.sticky ul{
margin-bottom:10px;
}
.sticky li{
min-width:14%;
padding: 5px;
margin: 3px;
height:40px;
}
.logo{
display:none;
}
.icon-services{
font-size:1.3em;
line-height:50px!important;
}

/* Services */
.circle-border{
width: 60px;
height: 60px;
float: left;
margin: 0 10px;
}
.circle{
width: 50px;
height: 50px;
}

/* Team */
.team-text{
display:none;
}


}