@charset "utf-8";
/*FUENTES */
@font-face{
  font-family:ubuntu;
  src: url('../fonts/ubuntu-r-webfont.ttf') format('truetype'),
  url('../fonts/ubuntu-r-webfont.eot');
}
@font-face{
  font-family:ubuntu_b;
  src: url('../fonts/ubuntu-b-webfont.ttf') format('truetype'),
  url('../fonts/ubuntu-b-webfont.eot');
}
@font-face{
  font-family:myriad_l;
  src: url('../fonts/MyriadProLight.otf') format('truetype')
}

@font-face{
  font-family:myriad_b;
  src: url('../fonts/MyriadPro-Bold.otf') format('truetype'),
  url('fonts/lato-reg-webfont.eot');
}

@font-face{
  font-family:myriad_bk;
  src: url('../fonts/MyriadProBlack.otf') format('truetype'),
  url('fonts/lato-reg-webfont.eot');
}

@font-face{
  font-family:myriad;
  src: url('../fonts/MyriadPro-Regular.otf') format('truetype'),
  url('fonts/lato-reg-webfont.eot');
}

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.eot?-n9vd3g');
  src:url('../fonts/icomoon.eot?#iefix-n9vd3g') format('embedded-opentype'),
    url('../fonts/icomoon.woff?-n9vd3g') format('woff'),
    url('../fonts/icomoon.ttf?-n9vd3g') format('truetype'),
    url('../fonts/icomoon.svg?-n9vd3g#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* CSS Document */
html,body{/*height: 100%;*/; width:100%; padding:0; margin:0!important;overflow: hidden;}
body{font-family:myriad,arial,sans-serif; font-size:22px; line-height:34px; color:#676767; /*background:#f0f0f0 url(../img/bg_general.png)*/}
a{color:#0a8cca}
a,a:hover,a:focus{outline:none!important; }
a:hover{text-decoration:none}
*:focus {outline: none; }
label{display:block;}
fieldset{margin-bottom:40px}
.right{float:right!important}
.grey{background:#fafafa;}

/* Z-INDEX */
header		{z-index:90}
nav			{z-index:10}
.carousel	{z-index:9}
.carousel-indicators{z-index:20!important}
.anime.a	{z-index:5}
.anime.b	{z-index:4}
.anime.c	{z-index:3}
.anime.d	{z-index:6}
.anime.e  {z-index:7}
.bg			{z-index:1}



.picfull{overflow:hidden; text-align:center;}
table tr td:first-child{color:#a3a3b1; font-style:italic;}
.btn-default{background:transparent; color:#333333; font-style:italic; font-family:myriad,arial,sans-serif; padding:15px 45px; border:2px solid #f09a11; font-size:16px;
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;}
.btn-default:hover{background:#fbe3bd; color:#333333; border:2px solid #f09a11}
.btn-primary{background:#f09a11; color:#ffffff; text-transform:inherit; font-family:miriad,sans-serif; padding:15px 50px; border:none; font-size:20px; font-style:italic; 
-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;}
.btn-primary:hover{background:#d58404; color:#ffffff;}


.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


h1{display:block; float:left; width:87px; height:100px; margin:10px 0}
h1 a{display:block; float:left; width:87px; height:100px; background:transparent url(../img/logo.png) no-repeat scroll 0 0; text-indent:-9999em; background-size:auto 100%;}
/*h3{background:transparent url(../img/title_decor.png) no-repeat scroll left bottom; padding:0 0 5px 0;}*/

/* top contact */
#contact_area{display:none; /*height:250px; */background-color:#212121; border-top:1px solid #6b6b6b; color:#ffffff; padding:20px 0 50px 0; border-bottom:8px solid #f09a11; font-family:ubuntu; font-size:16px; height:345px; padding: 60px 0 50px;position: relative;z-index: 102;}
#contact_area strong{font-size:20px; padding:0 0 15px 0; text-transform:uppercase; display:block; font-family:ubuntu_b}
#contact_area a{color:#ffffff;}
#contact_area a:hover{color:#cccccc;}
#contact_area .container{background:none}
#contact_area #member{margin:20px 0 0 0;}
#contact_area #member a{width:96px; height:50px; display:block; text-indent:-9999em;}
#contact_area #member a:hover{background-position:0 100%;}
#contact_area .social a{width:46px; height:46px; display:block; background:transparent url(../img/f_social.png) no-repeat scroll 0 0; text-indent:-9999em; float:left; margin:0 25px 0 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: linear;
}
#contact_area .social a:hover{
	opacity:0.6;
}
#contact_area .social #fbk a{background-position:0 0}
#contact_area .social #twt a{background-position:0 50%}
#contact_area .social #ins a{background-position:0 100%}
#contact_area .close{width:40px; height:40px; display:block; position:absolute; right:-40px; top:0; background:#4d4d4d; z-index:2;
transition-property: background;
transition-duration: 0.3s;
transition-timing-function: linear;}
#contact_area .close:hover{background:#747474;}
#contact_area .close span{height:40px; width:40px; display:block; background:transparent url(../img/close.png) no-repeat scroll 50% 50%; text-indent:-9999em;}

/* header */
header{position:absolute; color:#ffffff; width:100%; padding:10px 0;}
header a{transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;}
header p.title{font-size:18px; margin:20px 0 8px 0;font-family:titlemedium,arial,sans-serif;}
header p{margin:0 0 6px 0;}
header.scrolled {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  color: #333333;
  /*height: 45px;*/
  padding:10px 0;
  position: fixed;
  top:0;
}

header.scrolled a{color:#333333;transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;}
header.scrolled nav #social{padding:0 10px;}
header.scrolled nav #social a{/*width:35px; height:45px;*/ width:35px; height:20px; font-size: 25px; line-height: 45px; padding:0;text-shadow:none; text-decoration:none;}

#logo{float:left; position:relative; width:100px; height:auto; display:block; margin:0 0 0 30px; display:block}
#logo img{width:100%; height:auto;}
.scrolled #logo{display:none;}
#logoScrolled{display:none;}
.scrolled #logoScrolled {
  display: block;
  float: left;
  height: 38px;
  margin: 0 20px;
  padding: 5px 0 3px;
}

#logoScrolled img {
  width: 100px;
}

.logoFull {display:block;}
.logoResp {display:none;}  


/* Logo Horizontal */
/*
.scrolled #logoScrolled {
  display: block;
  float: left;
  margin: 0 30px;
}
#logoScrolled img {
  width: 73px;
}
*/

/* navegacion */
nav{float:right; margin:15px 0;}
header.scrolled nav{margin:0;}
nav ul{float:left;}
nav a{color:#ffffff; font-family:ubuntu_b,arial,sans-serif; font-size:18px; display:block; padding:17px 28px; text-transform:uppercase;}
nav a:hover{color:#ffffff; background:none}
nav a.current{color:#f2a731;}
nav li{display:inline-block;}
.navbar-nav > li > a:hover{background:none;}

nav #language{margin-top:0;}
nav #language a{text-transform:inherit; font-style:italic; padding:8px 28px;text-shadow:1px 1px 3px rgba(0,0,0,0.8);}
nav #language a:hover{color:#f2a731;}
header.scrolled nav #language a {font-style: italic; padding: 0px 28px; line-height: 45px; text-transform: inherit;text-shadow:none;}
header.scrolled nav #language a:hover {color: #f2a731;}
nav #social{padding:5px 10px; margin-top:0}
#social a{width:35px; height:40px;line-height: 40px; display:block; font-size: 25px;padding: 0;text-shadow:1px 1px 3px rgba(0,0,0,0.8); text-decoration:none; transition:all 0.5s ease-out;}
#social > li {display: inline-block;}
.icon-facebook2:before { content: "\ea8d";}
.icon-instagram:before { content: "\ea90";}
.icon-twitter2:before { content: "\ea92";}
.icon-youtube:before { content: "\ea97";}
.mobile #social a.icon-facebook2, #social a.icon-facebook2:hover{color: #3B5998;}
.mobile #social a.icon-instagram, #social a.icon-instagram:hover{color: #857469;}
.mobile #social a.icon-twitter2, #social a.icon-twitter2:hover{color: #00aced;}
.mobile #social a.icon-youtube, #social a.icon-youtube:hover{color: #e52d27;}

nav #navbar{float:left}
nav #navbar li a{font-size:16px; padding:15px 24px;}
.navbar-collapse{padding-right:0}
.navbar-header{float:left;}

.navbar{ min-height:55px; margin:0;}
.navbar .container{padding:0;}
.top.navbar-collapse .container{height:55px;}
header  .navbar-nav > li > a {line-height:20px; font-size:15px; text-shadow:1px 1px 3px rgba(0,0,0,0.8); cursor: pointer;}
header  .navbar-nav > li > a:hover {color:#f2a731; }
header.scrolled .navbar-nav > li > a {  font-size: 15px;  height: 45px;  line-height: 45px;  padding: 0 15px; text-shadow:none;}
header.scrolled .navbar-nav > li > a:hover {color:#f2a731; background: none; }
nav li .dropdown-menu{border-top:4px solid #a3a3b1; }
nav li .dropdown-menu a{text-transform:uppercase; text-transform:none; border-bottom:1px solid #ccc; height:auto; padding:12px 0; color:#696969; background:#ffffff;}
nav li .dropdown-menu a:hover{background:#ffffff; display:block}
nav li .dropdown-menu li:last-child a{border:none}
nav li .dropdown-menu li{padding:0 15px}
nav li.active >a{background-color:#a3a3b1!important; color:#fff;}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
.navbar-toggle {height:40px; width:40px; margin:40px 0 0 10px;}
.icon-bar{background:#ffffff}

.breadcrumb{clear:both; position:relative; margin-bottom:0}

section.top.featured{padding:40px 0; clear:both; display:block; position:relative}
section.banner .row{padding:0}
section .inn{padding:40px 0; overflow:hidden;}
section .row{padding:20px 0;}
section .row.center .title{text-align:center; width: 100%; height: auto;}
.center{text-align:center}

h2 .title.home,h3 .title.home, .title.home.otros{font-size:48px; text-transform:uppercase; color:#333333; padding:0;}
.featured .col-md-12 p.text{padding:50%; padding:0 4%}

/* customer */
.customer{background:#ccc; height:224px; overflow:hidden; position:relative}
#customers .col-md-3{padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
#customers .row{margin-left:-5px; margin-right:-5px;}
.customer img,.customer span{width:100%; position:absolute; left:0; top:0;}
#customers .logo{z-index:2}
#customers .color{z-index:1}
#customers .proyect{z-index:0}
#customers .customer span{vertical-align:middle; text-align:center; top:0; left:0; position:absolute; width:100%; height:100%; background:transparent url(../img/hover.png) repeat scroll 0 0; z-index:1}
/*.featured_proyects .pic:hover a span{display:block;}*/
#customers .customer:hover a img{filter: blur(3px);}
#customers .customer span p.more{background:transparent url(../img/more_proyect.png) no-repeat scroll 50% 50%; height:40px; width:40px; display:block; margin:40px auto 10px auto;}
#customers .customer span p{display:block;}
#customers .customer span .category{color:#f09a11; font-size:14px; font-family:myriad,sans-serif; font-style:inherit; margin:20px 0 5px 0;}
#customers .customer span .name{color:#ffffff; font-size:20px; font-family:ubuntu_b,sans-serif; text-transform:uppercase}



/* carousel */

.carousel{margin-left:-800px; left:50%; height:800px; overflow:hidden; width:1600px; position:relative }
.carousel .item{background-color:#ffffff; margin:0 auto; height:800px; width:1600px; overflow:hidden }
.carousel .item .inn{position:relative; height:800px; width:1600px; margin:0 auto;}
#home_slider{width:100%; overflow:hidden; height:800px; position:relative}
.carousel-control{z-index:50}
.carousel-control span{width:35px; height:60px; display:block; background:transparent url(../img/slider_arrows.png) no-repeat; text-indent:-9999em; position:absolute; top:50%;}
.carousel-control span.slider-right{background-position:right top; right:20px;}
.carousel-control span.slider-left{background-position:left top; left:20px;}
.carousel-control:hover span.slider-right{background-position:right bottom;}
.carousel-control:hover span.slider-left{background-position:left bottom;}

.project-caption {
  background: #fff none repeat scroll 0 0;
  bottom: 25%;
  height: 32px;
  left: 240px;
  margin-bottom: 78px;
  position: absolute;
  z-index: 150;
  display: block;
}
.project-caption .titProj {
  color: #f2a731;
  font-family: "myriad_l";
  font-size: 25px;
  font-style: italic;
  font-weight: 200;
  line-height: 32px;
  padding: 0 20px 0 15px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
}

.client-caption {
  background: #333 none repeat scroll 0 0;
  bottom: 25%;
  height: 78px;
  left: 240px;
  position: absolute;
  z-index: 150;
  display: block;
}

.client-caption .titClient {
  color: #fff;
  font-family: "myriad_b";
  font-size: 70px;
  letter-spacing: -0.02em;
  line-height: 70px;
  padding: 0 15px;
  text-align: center;
  width: auto;
  }

/* anime */
.carousel .item .bg{position:absolute; width:100%; height:100%; top:0; left:0; display:none}
.carousel .item .mask{position:absolute; width:60%; height:100%; display:block; overflow:hidden; top:0; right:20%;}
.carousel .item .anime{position:absolute; width:100%; height:100%; display:none;}
.carousel-caption{bottom:0; width: 100%; height:100%;}
.carousel-caption a {height:100%; left:-20%; position:absolute; width:100%;}
a.goto_proyect{color:#ffffff; padding:10px 50px;/*border:2px solid #f09a11; */width:auto; font-style:italic; background:#f09a11; text-decoration:none; font-size:16px;

-webkit-transition-property: background;
   -moz-transition-property: background;
	 -o-transition-property: background;
		transition-property: background;
-webkit-transition-duration: 0.5s;
   -moz-transition-duration: 0.5s;
	 -o-transition-duration: 0.5s;
		transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
   -moz-transition-timing-function: linear;
	 -o-transition-timing-function: linear;
		transition-timing-function: linear;
}
a.goto_proyect:hover{background:#f6ac2b; /*border:2px solid #fdb63b;*/}
.carousel .item .anime.a,.carousel .item .anime.b,.carousel .item .anime.c,.carousel .item .anime.d{background-size:auto 85%!important;}

.carousel .item#slide_aebu{background:#536269}
.carousel .item#slide_aebu .bg{background:#ccc url(../img/top_home/slide_bg_aebu.jpg) no-repeat scroll 50% 0;}
.carousel .item#slide_aebu .anime.a{background:transparent url(../img/top_home/anime_aebu.png) no-repeat scroll 50% bottom;}
.carousel .item#slide_aebu .anime.b{background:transparent url(../img/top_home/anime_aebu_b.png) no-repeat scroll right bottom;}
.carousel .item#slide_aebu .anime.c{background:transparent url(../img/top_home/anime_aebu_c.png) no-repeat scroll left bottom;}

.carousel .item#slide_menutro{background:#d0bea9}
.carousel .item#slide_menutro .bg{background:#d0bea9 url(../img/top_home/slide_bg_menutro.jpg) no-repeat scroll 50% 0;}
.carousel .item#slide_menutro .anime.a{background:transparent url(../img/top_home/anime_menutro.png) no-repeat scroll 50% bottom;}
.carousel .item#slide_menutro .anime.b{background:transparent url(../img/top_home/anime_menutro_b.png) no-repeat scroll 50% bottom;}
.carousel .item#slide_menutro .anime.c{background:transparent url(../img/top_home/anime_menutro_c.png) no-repeat scroll 50% bottom;}


.carousel .item .container a{display:block; width:100%; height:100%; position:absolute}
.carousel .subtitle span{background:transparent url(../img/more_subtitle.png) no-repeat scroll 0 0; width:13px; height:13px; display:block; clear:both; position:absolute; bottom:15px; right:20px}
.carousel-control.left span.ico,.carousel-control.right span.ico{background:transparent url(../img/slide_nav.png) no-repeat; width:49px; height:50px; display:block;}
.carousel-control.right span.ico{background-position:left bottom;}
.icoleft:before,.icoright:before {content:inherit;}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .icoleft,
.carousel-control .icoright {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,.carousel-control .icoleft {
  left: 25%;
  margin-left: -10px;
}
.carousel-control .icon-next,.carousel-control .icoright {
  right: 25%;
  margin-right: -10px;
}
.carousel-inner .item{background-position:50% 50%}

.container{width:960px; background:#ffffff; /*padding: 0;*/}
.container.shadow{
-webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.42);
box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.42);
}

.text {clear: both; text-align: center; text-align: center; width: 100%; height: auto; color: #676767;}
.homeServices i {
  color: #fff;
  font-size: 200px;
  line-height: 150px;
  padding: 45px 0;
  text-align: center;
  width: 100%;
}
.servicesIcon{
  position: relative;
  width: 100%;
  border-radius: 10px;
}
.servicesIcon a img{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.servicesIcon img{
  width: 100%;
  border-radius: 10px;
}

.homeServices {
  margin-top: 40px;
}
.homeServices a {
  cursor: pointer;
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s ease-out 0s;
  width: 100%;
  z-index: 30;
}
.homeServices a:hover {
  opacity: 1;
}

.mobileIcons img {height: 39px; margin-bottom: 20px; opacity:1; transition:all 0.5s ease-out;}
.mobileIcons > i {margin:0 23px; position:relative; font-size:40px; height:40px; display: inline-block;}
.mobileIcons > i > a {position:absolute; top:-9px; left:0; opacity:0; transition:all 0.5s ease-out;}
.mobileIcons > i > a > img {position:absolute; left:0; top:9px;}
.mobileIcons > i:hover > a {opacity:1;}
.mobileIcons > i:hover > img {opacity:0;}
.mobileIcons{margin-top: 10px; text-align: center!important;}

.text img {height:30px; margin-bottom:20px; margin:10px 12px 20px; display: inline-block;}

section.featured{font-size:22px;}

#home_frames .pic._a{background:#fff url(../img/featured_a.jpg) no-repeat scroll 50% 50%; background-size:cover!important;}
#home_frames .pic._b{background:#fff url(../img/featured_b.jpg) no-repeat scroll 50% 50%; background-size:cover!important;}
#home_frames .pic._c{background:#fff url(../img/featured_c.jpg) no-repeat scroll 50% 50%; background-size:cover!important;}
#home_frames .pic{background:#fff; height:auto; }


/* CUSTOMERS*/
#customers .jcarousel{overflow:hidden; width:100%; height:170px}
#customers .jcarousel #slides{position:relative; width:4000px;}
#customers .jcarousel #slides div{text-align:center; width:33.3333%; float:left; display:inline; height:170px;	}
#customers .jcarousel #slides div img{margin:50px 0}
#customers .controls{position:relative}
#customers .controls .control{position:absolute; top:50%; margin:-17px 0 0 0; width:21px; height:35px; display:block; background:transparent url(../img/carousel_nav.png) no-repeat; text-indent:-9999em; z-index:2}
#customers .controls .control.prev{background-position:left top; left:20px;}
#customers .controls .control.prev:hover{background-position:left bottom}
#customers .controls .control.next{background-position:right top; right:20px;}
#customers .controls .control.next:hover{background-position:right bottom;}


.testimonial {
  padding: 15px 0px;
  margin: 20px auto 0;
  display: table;


}

.testimonialText {
 background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 54%, #f2f2f2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#f2f2f2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 54%,#f2f2f2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 54%,#f2f2f2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
  border-radius:10px;
  display: inline-block;
  margin-left: 8%;
  padding: 5px 20px;
  vertical-align: bottom;
  width: 75%;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.30);
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.30);
  position: relative;
  z-index: 0;
}





.testimonialText.testimonialRight {
  margin-left: 0;
  margin-right:8%;
  vertical-align: bottom;
}


.testimonialText .testimonialDesc{
  padding-top:10px; 
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 17px;
  line-height: 30px;
  margin: 10px 0;
  position: relative;
  text-align: left;
  color: #555;
  clear: both;
}

.testimonialPic {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  top: 50px;
  width: 12%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.testimonialPic img{
  width: 100%;
}

.testimonialText .testimonialName {
  clear: both;
  display: block;
  font-family: myriad_b;
  font-size: 15px;
  height: auto;
  line-height: 12px;
  margin: 10px 0 5px;
  padding: 0 0 5px;
  width: auto;
}

.orange{
  color: #f15a24;
}
.violet{
  color: #606292;
}
.aquamarine{
  color: #0ec2aa;
}
.lime{
  color: #8acc33;
}

.testimonialText > h1 strong {
  color: #000;
  display: block;
  font-family: myriad_l;
  margin: 0;
  padding: 0;
  display: inline;
}

.testimonialBg {
  border-radius: 10px 10px 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.testimonialArrow {
  background:url(../img/arrowLeft.png) right no-repeat;
  bottom: 30%;
  height: 30px;
  left: -30px;
  position: absolute;
  width: 30px;
  z-index: -2;
}

.testimonialArrowRight {
  background:url(../img/arrowRight.png) left no-repeat;
  bottom: 30%;
  height: 30px;
  right: -30px;
  position: absolute;
  width: 30px;
  z-index: -2;
}

.customersDesc h2 {
  display: block;
  margin: 15px 0 40px 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.customersDesc p {
  margin-top:35px;
  text-align:center;
  margin-bottom: 70px;
  padding: 0 20px;
}

.customersDesc ul {
  margin-top: 30px;
  padding: 0;
}

.customersDesc li {
  float: left;
  height: 35px;
  margin-right: 25px;
  margin-bottom: 20px;
  position: relative;
}

.customersDesc li img {
  height: 35px;
}

/* NOSOTROS */
.interna section.top.featured{padding:70px 0 0 0;}
.interna .top h2 b{text-transform:uppercase}
.interna .top h2 small{text-transform:inherit!important;}
.interna h3,.single_proyect h3{text-transform:uppercase; font-family:myriad,sans-serif; padding:30px 0}
.single_proyect h3{font-size:60px!important;}
.interna h3 small{text-transform:initial; padding:30px 0 0 0;}
/*h2{font-size:172px!important; font-family:myriad_b; color:#333333;}*/
h3{font-size:72px!important; font-family:myriad_b; color:#333333}

/*h2 small,h3 small{font-size:48px; clear:both; display:block;  color:#333333; font-family:myriad_l,sans-serif;}*/
h1 small{font-size:48px; clear:both; display:block;  color:#333333; font-family:myriad_l,sans-serif; text-align: center;}

h3 .home small,h2 .home small{font-family:myriad,sans-serif;}

.top_us{height:450px; background:#ffffff url(../img/top_nosotros.jpg) no-repeat scroll 50% 50%; background-size:cover,auto; border-bottom:7px solid #f09a11}
#team .col-md-3{text-align:center;}
#team .row{clear:both}
#team img{width:180px; height:180px; display:block; margin:0 auto 50px auto;}

/* PROYECTOS */
.filter{clear:both; background:#e9e9e9; display:block; height:50px; line-height:50px; color:#333333; padding:0 14px 0 0;}
.filter .nav > li > a{color:#333333; font-size:16px; font-family:myriad,sans-serif; letter-spacing:inherit;}
.filter #filter{float:right; height:50px; text-transform:uppercase; line-height:35px;}
.dropdown-menu{float:right; text-transform:uppercase}
.filter .dropdown-menu > li > a{color:#666666; line-height:inherit; padding:0 20px;}
.filter .caret{border:none; background:transparent url(../img/filter_arrow.png) no-repeat scroll 0 50%; width:15px; height:15px; margin: 0 8px;}
.featured_proyects .pic{background:#cccccc; height:auto; overflow:hidden }
.featured_proyects .pic img{position:relative}
.featured_proyects li a{display:block; width:100%; height:100%}
.featured_proyects .pic{padding:0; overflow:hidden; position:relative;}
.featured_proyects .pic a span{vertical-align:middle; text-align:center; top:0; left:0; position:absolute; width:100%; height:100%; background:transparent url(../img/hover.png) repeat scroll 0 0; z-index:1}
/*.featured_proyects .pic:hover a span{display:block;}*/
.featured_proyects .pic:hover a img{filter: blur(3px);}
.featured_proyects .pic span p.more{background:transparent url(../img/more_proyect.png) no-repeat scroll 50% 50%; height:73px; display:block; margin:100px 0 0 0;}
.featured_proyects .pic span p{display:block;}
.featured_proyects .pic span .category{color:#f09a11; font-size:16px; font-family:myriad,sans-serif; font-style:inherit; margin:30px 0 15px 0;}
.featured_proyects .pic span .name{color:#ffffff; font-size:30px; font-family:ubuntu_b,sans-serif; text-transform:uppercase;text-align: center;width: 100%;}


/* PROYECTO SINGULAR */
.area{padding:80px 0}
.area img{width:70%}
.single_proyect{color:#333333;}
.single_proyect .banner{width:100%; overflow:hidden;}
.single_proyect .titSingleProy{display: block;
    font-family: myriad_b,sans-serif;
    font-size: 48px;
    padding: 15px 0 30px;
    text-align: center;
    width: 100%;}
.single_proyect .description{font-size:16px !important; font-family:myriad,sans-serif; padding:15px 0 30px 0; line-height:22px; }
.category{font-family:myriad_,sans-serif; font-style:italic;}
#myCarousel.proyect_banner{width:1600px; left:50%; margin-left:-800px; position:relative; height:400px; overflow:hidden; margin-bottom:0;}
#myCarousel.proyect_banner .item{width:1600px; height:400px; margin:0 auto;}
#myCarousel.proyect_banner .inn{width:1600px; height:400px; position:relative;}
#myCarousel.proyect_banner .bg{position:absolute; width:100%; height:100%; top:0; left:0; display:none}
#myCarousel.proyect_banner .mask{position:absolute; width:60%; height:100%; display:block; overflow:hidden; top:0; right:20%;}
#myCarousel.proyect_banner .anime{position:absolute; width:100%; height:100%; display:none;}
#proyect_view{position:relative;}
.single_proyect section#proyect_view .row{padding-bottom:0}
.single_proyect section.featured .row{padding-top:65px}
.go_top,.go_bottom{position:absolute; text-indent:-9999em; width:55px; height:55px; display:block; background:transparent url(../img/go_buttons.png) no-repeat; left:50%; margin-left:-27px;}
.go_top{background-position:left bottom; bottom:-27px; }
.go_bottom{background-position:left top; top:-27px}
.top featured{position:relative;}
.single_proyect section.top.featured {z-index:10;}
.area img{width:70%; position:relative;}
#proyect_view .area .buttons{}
.btn.app{width:184px; height:71px; display:inline-block; background:transparent url(../img/app_buttons.png) no-repeat scroll 0 0; text-indent:-9999em; margin:0 10px;}
.btn.app#android{background-position:0 0}
.btn.app#ios{background-position:0 -71px;}
.area.buttons{padding:0;}
.area.buttons a{margin:0 10px 40px 10px}
.area.buttons p{padding:40px 0 80px 0;}
.btn#generic{clear:both}

/*CONTACT*/
.image_contact,.address{height:350px;}
.image_contact{background:#ffffff url(../img/top_nosotros.jpg) no-repeat scroll 50% 50%; background-size:cover,auto;}
.address{background:#666666; color:#ffffff; font-size:20px; }
.address .group{margin:80px 0 0 20px;}
.address .group address{position:relative; padding:0 0 20px 60px; }
.address .group address span{left:0; top:0; position:absolute; width:42px; height:42px; background:transparent url(../img/ico_contact.png) no-repeat; display:block}
.address .group address#place span{background-position:0 0;}
.address .group address#tel span{background-position:0 100%;}
.address .group address a{color:#ffffff}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent; text-decoration: none;}
a:hover {color:#f2a731; text-decoration: underline;}
a:focus {color:inherit;}

/* SERVICIOS */
.in_servicios .golinks a span{display:block; width:90px; height:90px; background:transparent url(../img/reel_services.png) no-repeat; margin:0 auto;}
.golinks a#go_serv_mov span{background-position:0 0;}
.golinks a#go_serv_web span{background-position:0 -90px;}
.golinks a#go_serv_apps span{background-position:0 -180px;}
.golinks a#go_serv_ar span{background-position:0 -270px;}
.golinks{padding:30px 0; border-bottom:9px solid #f09a11;}
.in_servicios p{font-size:16px; line-height:24px;}
.in_servicios p.title{font-size:36px; font-family:myriad_b,sans-serif; text-transform:uppercase; padding:100px 0 50px 0; line-height:32px;}
.in_servicios .btn{margin:90px 0 0 0;}
.golinks a{text-align:center; color:#333333; text-transform:uppercase; display:block;}
.in_servicios  .grey{display:table; width:100%}
.in_servicios .pic{position:relative;}
.in_servicios .pic img{width:80%; margin:0 10%; position:relative}
.in_servicios section{position:relative;}
.in_servicios section .target{position:absolute; top:-120px; left:0;}


/* NOSOTROS */

.personal {
  height: 200px;
}

.staffPic {
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  top: 50px;
  width: 90%;
  margin: 0 5%;
  /*box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/
  transition:all 0.5s ease-out;
}

/*.staffPic:hover {
  width: 100%;
  margin:-5% 0;
}*/

.staffPic img{
  width: 100%;
}

.staffName .staffName1{
   width: 100%;
   text-align: center;
   font-size:22px;
   height: 24px;
   font-family:myriad_b; 
   color:#aaa;
   margin-bottom: 5px;
}

.staffPosition{
   width: 100%;
   text-align: center;
   font-size:16px;
   line-height: 16px;
   font-family:myriad_l;
   font-style: italic; 
   color:#333333;
   height: 65px;
}

/*news*/
#news .galery{padding:15px 0 70px 0;}
#news .news{margin:0 0 40px 0;}
#news .picfull{height:250px; overflow:hidden; border:3px solid #a3a3b1;}
#news .picfull a{display:block; min-height:255px; overflow:hidden; position:relative; text-align:center;}
#news .picfull a div{background-position:center center; background-repeat:no-repeat; background-size:cover; width:auto; height:250px}
#news h3{background:none;}
#ampliada img{margin:0 10px 10px 0}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{border-color:#a3a3b1;}

/*awards*/
.awards{padding:70px 0 80px 0; border-top:1px solid #e0e0e0;}
.awards div{background:transparent url(../img/awards.png) no-repeat; height:114px; display:block}
.awards div.aw1{background-position:50% 0;}
.awards div.aw2{background-position:50% -114px;}
.awards div.aw3{background-position:50% -228px;}
.awards div.aw4{background-position:50% -342px;}
.awards div.aw5{background-position:50% -456px;}
.awards div.aw6{background-position:50% -570px;}
/*footer*/
footer{background-color:#212121; color:#ffffff; padding:30px 0 50px 0;font-family:ubuntu; font-size:16px;position:relative;border-bottom: 10px solid #f09a11;}
footer strong{font-size:24px; padding:0 0 25px 0; text-transform:uppercase; display:block; font-family:ubuntu_b}
footer a{color:#ffffff;}
footer a:hover{color:#cccccc;}
footer .container{background:none}
footer #member{margin:20px 0 0 0;}
#member img{width:96px; height:50px; display:block;top:30px;left:50%; margin-left:-48px;position:absolute;}
#member a{width:96px; height:50px; display:block;left:50%; margin-left:-48px;opacity:0;transition-property:opacity;transition-duration: 0.3s;transition-timing-function: linear; position:relative; top:-34px;}
#member a:hover{opacity: 1;}

footer .social a{width:46px; height:46px; display:block; background:transparent url(../img/f_social.png) no-repeat scroll 0 0; text-indent:-9999em; float:left; margin:0 25px 0 0;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: linear;

}
footer .social a:hover{
	opacity:0.6;
}

.videoWrap {bottom:0; height: 345px; left:0; overflow:hidden; position:absolute; width: 100%;}
.headerVideoWrap {top:0;}
.videoWrap video {bottom:0; left:0; position:absolute; width:100%;}
.videoScreen {bottom:0; left:0; position:absolute; width:100%; height: 345px; background:url(../img/videoScreen.png) repeat;}
#contact_area .videoScreen {border-top: none;}

.back_black {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 101;
    transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    opacity:0;
    top: -100%;

}

.in_back{
   opacity:1;
   top: 0;
}

footer p,footer strong  {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.social {
  height: 45px;
  width: 213px;
  left: 50%;
  margin-left: -95px;
  position: relative;
}

/* secciones */
.top-section{height:200px; background-color:#ccc; display:block; clear:both; overflow:hidden; position:relative; text-align:center;background-position:center center; background-repeat:no-repeat; background-size:cover; width:auto;}
.top-section.bannerstaff{height:200px;}
.top-section .title{font-family:titlebig,arial,sans-serif; color:#ffffff; font-size:40px; padding:83px 0 0 0;}
.top-section.bannerstaff .title{padding:83px 0 0 0;}
section{ clear:both;}
.col-md-1-5{width: 20%;
	min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
	float:left;
	margin:0 0 10px 0
}
.picfull a{display:block;  overflow:hidden; position:relative; text-align:center;}
.gal-list .picfull{height:170px; overflow:hidden}
.gal-list .picfull img{width:100%;}
.gal-list .row {
    margin-left: -5px;
    margin-right: -5px;
}
#year-list tr td{border:none; font-size:13px; padding:0}
#year-list tr td:first-child{ font-size:13px; color:#0a8cca;}
#year-list tr td p{/*background:transparent url(../img/item.png) no-repeat scroll 0 50%; */padding:0 0 0 15px; margin:0 0 6px 0}

#staff img.img-circle{width:80px; height:80px; margin:0 10px 0 0;}
#staff .picfull img{width:100%;}
#estetica_dental h5{color:#0a8cca; margin:15px 0 4px 0}

/*submenus */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
	font-size:11px;
}

.dropdown-submenu>.dropdown-menu a{
	padding:8px 0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}


.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu{border: none!important;}
#fat-menu.dropdown {margin: 0;}
.boximg{margin:20px 0; display:block}
.pic img{width:100%}
.homeespec ul{margin-bottom:0}

#conozcanos .picfull img{width:100%}
#contact button{margin-top:5px}     
dd{padding: 2px 0;}
.featured_proyects li{overflow:hidden;}

/*SINGLE PROYECT*/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.proyectoDescLogo .titDescLogo {
  font-size: 16px;
  height: 20px;
  line-height: 16px;
  text-align: left;
  width: 100%;
  font-family: myriad_b;
  font-style: italic;
}

.proyectoDescLogo > img {
  height: 40px;
  margin: 10px 0;
  float: left;
}

.proyectoDescText .proyectoDescText2 {
  font-size: 18px;
  height: 20px;
  line-height: 18px;
  text-align: left;
  width: 100%;
  font-family: myriad_b;
  margin: 30px 0 10px;
}

.proyectoDescText p {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
}

.proyectoDescText > a {
  background: #f2a731 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 20px;
  margin: 5px 0 0;
  min-width: 135px;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 32%;
  transition:all 0.5s ease-out;
}

.proyectoDescText > a:hover {
  text-decoration: none;
  background: #000;
}


.carouselProyecto {
  margin-left:0px;  
  height:auto; 
  overflow:hidden; 
  width:100%; 
  position:relative 
}

.proyectosSubtitle {
  padding: 20px 20px 20px 31px;
}

.single_proyect .carousel-control span {
  top: 43% !important;  
}

/*------FLECHA CONTENIDO--------*/


.arrow_content {
    background: rgba(255,255,255,0.9);
    border-radius: 25px;
    bottom: 20px;
    height: 50px;
    left: 20px;
    position: absolute;
    width: 50px;
    z-index: 100;
    opacity: 1;
    -webkit-animation: sk-bounce 1.5s infinite ease-in-out;
    animation: sk-bounce 1.5s infinite ease-in-out;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;  
    transition: opacity .5s ease-out;
}

.hide_arrow{
  opacity: 0;
}

.show_arrow{
  opacity: 1;
}

@-webkit-keyframes sk-bounce {
 /* 0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }*/
  0%, 100% { bottom: 20px; }
  50% { bottom: 5px; }
}

@keyframes sk-bounce {
  /*0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }*/
  0%, 100% { 
    bottom: 20px;
  } 50% { 
    bottom: 5px;
  }
}

.arrow_content .ico_flecha {
    left: 7px;
    position: absolute;
    top: 9px;
    width: 35px;
}

/*-----------------------------*/

/* LOADER */
#loader_canvas{background-color:#ffffff; position:fixed; width:100%; height:100%; z-index:80; top:0}
#loader{position:absolute; top:50%; margin-top: -40px; left:50%; margin-left:-40px; width:80px; height:80px; z-index:81; overflow:hidden}
#loader span{position:absolute; background:transparent url(../img/bird_tensai.png) no-repeat scroll 0 0; width:80px; height:80px; display:block; top:0; left:0; z-index:1}
#loader .ball{
/*propiedades*/
  border-radius:40px;
  height: 80px;
  position: relative;
  width: 80px;
  /* animacion */
  animation-name: colorido;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}
@keyframes colorido {
  0% {
    background:#f8f898;
  }
  20% {
    background:#b3f794;
  }
  40% {
    background:#71f5ea;
  }
  60% {
    background:#9b83f5;
  }
  80% {
    background:#fa93c0;
  }
  100% {
    background:#ffb697;
  }
}

.hide_arrow{

}


.col-xs-6.col-md-6.proyectoDescLogo > h1
{
  width: 100%;
  height: auto;
}

/*.lazy{display:none;}*/
/* ### RESPONSIVE ### */
@media only screen and ( max-width: 1024px ){
	nav #navbar li a{font-size:14px; padding: 8px 14px;}
	#logo{margin:0 0 0 20px;}
	header nav a{padding:15px;}
	nav #language{font-size:14px;}
	nav #social,nav #language{ font-size:14px; margin-top:10px;}
	nav #social{padding:15px; margin-top:0;}
	nav #social a{padding:15px 25px;}
	.pic{height:400px}
	.container{width:830px;}
  header nav #social {padding: 0 7px;}
  header nav #social a {font-size:20px; height:20px; line-height:20px; padding:7px 0; text-decoration:none; width:25px;}
  header.scrolled .navbar-nav > li > a {font-size:11px; height:45px; line-height:45px; padding:0 7px; text-shadow:none;}
  header.scrolled nav #social {padding: 1px 0;}
  header.scrolled nav #social a {font-size:20px; height:20px; line-height:20px; padding:7px 0; text-decoration:none; text-shadow:none; width:25px;}
}

@media only screen and ( max-width: 990px ){
	h2{font-size:23px!important}
	h2 small, h3 small{font-size: 40px;}
	.col-md-1-5{width:33.3333%}
	.gal-list .picfull{height:150px} 
	#hfeatured,#hfeatured .row {height:550px; overflow:hidden}
	#conozcanos .picfull{height:auto;}
	/*nav*/
	header nav a,nav #language a{font-size:14px; padding:0px 10px}
	header .navbar-nav > li > a{font-size:13px; padding:7px 10px;}
	nav #social a{padding:15px 20px;}
	#navbar{ margin:10px 0 0 0}
	header .navbar-nav > li > a:hover{background-color:#f1f1f1;}
	
	.filter{padding:0;}
	.filter .nav > li > a{line-height:30px;  }
	.single_proyect h3{font-size:40px!important;}
	header.scrolled nav #social {padding:5px 0;}
	nav #social, nav #language{margin-top:0;}
	#navbar{margin: 0;}

  .servicesIcon {border-radius:10px; margin:30px 0; position:relative; width:100%;}
  .personal {display:block; margin-bottom:20px; height:auto;}

  .col-md-12.proyectoDescText
  {
    float: left;
  }
	
}
@media only screen and ( max-width: 880px ){
	h2{font-size:80px!important}
	h2 small, h3 small{font-size: 30px;}
	
	.container{width:630px;}
	.pic{height:600px}
	/*#navbar.in .navbar-nav*/
	.area img{width:100%;}
	.customer{height:183px;}
  .testimonialText {width: 60%;}
  .testimonialPic {width: 30%;}
}
@media only screen and ( max-width: 768px ){
	header nav{margin:0; width:100%; float:none;}
	header nav #navbar li a{padding: 0 14px; line-height:45px}
	#navbar{float:left; clear:both; width:100%; margin:10px 0 0 0; padding:0 }
	header .dropdown-menu{position:relative; z-index:inherit;}
	header .navbar-nav{margin:0; float:none; margin:0;}
	h2{font-size:18px!important}
	h2 small, h3 small{font-size:30px;}
		
	/* SCROLLED */
	header{position:fixed; background:#ffffff; color:#333333; border-bottom:1px solid #ccc; top:0}
	header a{color:#333333}
	header a:hover{color:#666666; background:none;}
	
	#serv_mov,#serv_web,#serv_apps,#serv_ar{border-bottom:2px solid #cccccc; display:block; clear:both}
	#member.right{float:left!important}
	.in_servicios p.title{line-height:30px; padding:50px 0 30px;}
	.in_servicios .btn{margin: 40px 0 0;}
	#fat-menu .dropdown-menu{right:0!important;}
	.featured_proyects .pic{height:auto!important;}
	.featured_proyects .pic span p.more{margin:80px 0 0 0;}
	.single_proyect h3{font-size:30px!important;}
	
	
	.pic{height:auto}

  .featured_proyects .pic span p.more {
    display: none;
  }
  .featured_proyects .pic span .category {
    color: #f09a11;
    font-family: myriad,sans-serif;
    font-size: 12px;
    font-style: inherit;
    margin-left: 10%;
    position: absolute;
    top: -30%;
  }
  .featured_proyects .pic span .name {
    color: #ffffff;
    font-family: ubuntu_b,sans-serif;
    font-size: 14px;
    margin-left: 10%;
    position: absolute;
    text-transform: uppercase;
    top:35%;
  }
  .featured_proyects .pic a span {
    opacity: 1;
    bottom: 0;
    top:inherit;
    height: 30%;
  }

}


@media only screen and ( max-width: 767px ){
	.container{width:480px;}
	.navbar-toggle{margin:0;}
  .navbar-header {float: right;}
  header .navbar-nav > li > a {text-shadow: none;}
	header .navbar-nav > li > a{padding:10px;}
	header .navbar-header{margin:0px 10px 0 0}
	header.scrolled .navbar-header{margin:0}
	header nav #social a{height:25px; padding:0 35px 0 5px; width:25px;}
  .single_proyect .description{font-size:16px; font-family:myriad,sans-serif; padding:15px 15px 30px 15px; line-height:22px; }
	#social a {text-shadow:none;}
  .nav > li {margin: 20px 15px;}
  header nav #social {padding: 0 20px;}
  #navbar {background:#fff; margin: 0;}
  .featured_proyects .pic a span {box-sizing:border-box;opacity: 1!important;padding:17%;height: 50%;display: none;}
  .featured_proyects .pic span .category {position:static; font-size:22px;line-height: 23px;margin: 0;text-align: center;}
  .featured_proyects .pic span .name {position:static; font-size:20px;line-height: 25px;margin: 0;text-align: center;}
  header.scrolled nav #social {padding: 5px 20px;}
  header.scrolled .navbar-nav > li > a { font-size: 13px;}
  header.scrolled nav #social a { font-size: 20px; padding: 0 35px 0 5px;}
  .mobileIcons > i {margin: 10px;}

  .testimonialText .testimonialName {line-height: 17px;}

  .logoFull {display:none;}
  .logoResp {display:block;} 

  .proyectoDescText > a
  {
    display: block;
    margin: 10px auto;
    font-size: 14px;
    width: 160px;
  }

  p.title.home small {
    margin-left: 10px;
  }
  #myCarousel.proyect_banner {
    margin-top: 60px;
  }	
}

@media only screen and ( max-width: 480px ){
	.container{
    width:100%;
  }

  .testimonialText
  {
    margin-left: 0;
    width: 100%;
  }

  .testimonialArrow
  {
    display: none;
  }

  .testimonialPic, .testimonialArrowRight
  {
    display: none;
  }

  #logo
  {
    margin-top: 4px;
  }

  .navbar-toggle
  {
    padding-top: 12px; 
  }

  .client-caption, .project-caption
  {
    display: none;
  }

  html, body
  {
    overflow: inherit !important;
    overflow-x: hidden !important;
    height: inherit !important; 
  }

  .featured_proyects li span {
    display: none !important;
  }

  .featured .row {
   margin-right: 0 !important;
  }

  .fixMarginQhacemos .row {
    margin-right: -15px !important;
}

  .servicesIcon {
    
    margin: 10px 0;
   }

   #toClientes, #toAboutus, #toQuehacemos {
    padding-bottom: 0 !important;
  }

  .customersDesc p {
    margin-bottom: 20px;
  } 
  .testimonial {
    padding: 0;
    margin-bottom: 0 ;
    }

  .customersDesc p {
    margin-top: 10px;
  }

  #customers .inn, #aboutus .inn{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0px !important;
 }

 .featured .inn {
    padding-bottom: 0;
}

.staffName h1 {
    font-size: 16px;
    margin-bottom: -3px;
    margin-top: 7px;
  }

 .staffName p {
    font-size: 12px;
    line-height: 13px;
     margin-top: 0px;
}  

#aboutus .inn .row {
    padding-top: 0 !important;
}

section#aboutus {
    margin-top: 20px;
}
}

@media only screen and ( max-width: 350px ){
  .container{width:100%;}
  .mobile #logoScrolled{display: none;}

 

.staffName p {
    font-size: 12px;
    line-height: 12px;
}

.personal {
    margin-bottom: 5px;
}

 body {
    overflow-y: hidden;
  }


}

/* MOBILE */


.mobile.container {
  padding: 0 15px;
}

header.mobile #social{
  margin-top:-5px;
  float: right;
  position: static;
}

.navbar-toggle {
  float: left;
  margin: 0 10px;
}

.mobile #social {
  left: 50%;
  margin-left: -80px;
  position: relative;
  top: -10px;
}

header.mobile #social a {
  text-shadow:none;
}

.mobile #social > li {
  float: left;
  height: 35px;
  width: 35px;
  font-size: 24px;
  padding: 9px;
}

.mobile #social > li a:hover{
  text-decoration: none;
}

.mobile #logoScrolled {
  margin: 0;
}

.mobile .nav.navbar-nav {
  background: #eee none repeat scroll 0 0;
  border-radius: 0 0 50px 0;
  padding: 0;
  top: 0;
}

.mobile #navbar {
  margin: 4px 0 0;
}

header.mobile .navbar-nav{
  float: left;
}

.mobile .nav > li {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 10px 30px;
  position: relative;
  text-align: center;
}

.mobile .nav > li:last-child {
  border-bottom: none;
}

.mobile #eng a {
  font-style: italic;
  line-height: 45px;
  padding: 0 28px;
  text-shadow: none;
  text-transform: inherit;
  text-decoration: underline;
}

footer.mobile {
  background: #333;
  margin-top: none;
}

footer.mobile strong {
  padding: 0px 0 15px;
}

footer.mobile p {
  margin-bottom: 55px;
}

.mobile .servicesIcon{
  margin: 30px 0;
}

.mobile .testimonialText{
  padding: 15px 10%;
}

.mobile section .inn {
  overflow: hidden;
  padding: 40px 0;
}

.mobile #member a {
  opacity: 1;
}

/*CAROUSEL MOBILE*/

#home_slider.mobile {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
}

.mobile .carousel {
  height: auto;
  left: 0;
  margin-left: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.mobile .carousel .item {
  background-color: #ffffff;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  width: auto;
}

.mobile .carousel-inner > .item > img {
  height: auto;
  position: initial;
}

.mobile .homeServices a {
  opacity: 1;
}

.customersDesc.mobile h1 {
  color: #333;
  font-family:myriad_b;
  display: block;
  font-size: 18px;
  line-height: 18px;
  height: 24px;
  margin: 30px 0 0 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.customersDesc.mobile p {
  margin-top:10px;
  text-align:center;
}

.mobile .testimonialText {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ffffff 54%, #f2f2f2 100%) repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  display: inline-block;
  padding: 5px 20px;
  position: relative;
  vertical-align: bottom;
  width: 65%;
  z-index: 0;
}

.mobile .testimonialPic {
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  top: 50px;
  width: 25%;
}