.bg-proyect{position: relative; transition: background linear 500ms;}
.proproyect{
    height: 40%!important;
    width: 100%;
    background-attachment: fixed!important;
    background-size: 100% 60%!important;
}
	

/** fixed pagination **/
.fixed{
    position: fixed;
    bottom: 15%;
    width: 100%;
    z-index: 9998;
}
.fixed .left0{
    float: left;
    width: 50%;
    padding: 30px;
}
.fixed .right0{
    float: right;
    width: 50%;
    padding: 30px;
}
.fixed a{
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.fixed .left0 a{
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 1px 2px 2px #212e3a66;
    padding-left: 20px;
    background: url(../images/left.svg)center left no-repeat;
}
.fixed .right0 a{
    display: inline-block;
    color: #000000;
    float: right;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 1px 2px 2px #212e3a66;
    background: url(../images/right.svg)center right no-repeat;
    padding-right: 20px;
}
.fixed .left0 a:hover, .fixed .right0 a:hover{color: #02b8de; text-decoration: none;}
.fixed .left0 a:hover{ background: url(../images/left-color.svg)center left no-repeat;}
.fixed .right0 a:hover{ background: url(../images/right-color.svg)center right no-repeat;}






/*****stylees for the site0338******/

html,
body {height:100%;
font-family: 'Poppins', sans-serif;}
body{
    overflow: hidden;
}



.navbar-inverse {
    background-color: #212e3a;
    border-color: #212e3a;
}



#main-nav .logo, #menu-nav .logo{
        position: relative;
        left: 6px;
        top: 0px;
    width: 50%;
    }
	
	
	

select
{
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box; 
  box-sizing:content-box;
}

::selection {
  background:#2d2d2d; 
  color: white;
}
::-moz-selection {
  background:#2d2d2d; 
  color: white;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background: transparent !important;
}

*.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}


@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}

/* Rotate animation */
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.menu-mobile {position:fixed;left:0px;width:100%;z-index:9999;top:0px;height:100%;display:block;height:100%;left:-100%;background:#3568cf;}
.menu-mobile .close {width:32px;height:32px;position:absolute;z-index:3;background:url(../images/ico_close.png) no-repeat center;right:20px;top:20px;cursor:pointer;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;opacity:0.5;zoom:0.8;}
.menu-mobile .close:hover {transform:rotate(180deg);}
.menu-mobile .bg {position:absolute;height:100%;width:0px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;background:#1e468c;}
.menu-mobile a {display:block;width:100%;position:relative;height:14.28571428571429%;}
.menu-mobile a .label {text-transform:uppercase;color:white;font-weight:700;font-size:24px;margin-left:7%;position:absolute;z-index:3;top:50%;transform:translateY(-50%);}
.menu-mobile a .line {height:4px;width:30px;background:white;border-radius:2px;margin-top:30px;margin-left:calc(50% - 60px);position:absolute;z-index:3;top:50%;transform:translateY(-50%);}


.menu-site {position:fixed;left:0px;width:100%;z-index:9999;top:0px;height:100%;display:none;}
.menu-site .close {width:32px;height:32px;position:absolute;z-index:3;background:url(../images/ico_close.png) no-repeat center;right:20px;top:20px;cursor:pointer;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
.menu-site .close:hover {transform:rotate(180deg);}
.menu-site .bg {position:absolute;height:100%;width:0px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
.menu-site a {width:0%;float:left;height:50%;position:relative;overflow:hidden;position:absolute;z-index:2;margin-top:0px;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;}
.menu-site a.link1 {background:#02b8de;}
.menu-site a.link1 .bg {background:#028aa7;}
.menu-site a.link2 {background:#ff7c00;left:33.33%;}
.menu-site a.link2 .bg {background:#bf5d00;}
.menu-site a.link3 {background:#2551e3;left:calc(33.33% * 2);}
.menu-site a.link3 .bg {background:#1c3daa;}
.menu-site a.link4 {background:#ffb000;top:50%;}
.menu-site a.link4 .bg {background:#bf8400;}
.menu-site a.link5 {background:#ff9633;left:calc(33.33%);top:50%;}
.menu-site a.link5 .bg {background:#bf7126;}
.menu-site a.link6 {background:#bf8400;left:calc(33.33% * 2);top:50%;}
.menu-site a.link6 .bg {background:#8f6300;}
.menu-site a .label {text-transform:uppercase;color:white;font-weight:700;font-size:45px;line-height:60px;margin-left:calc(50% - 60px);position:absolute;z-index:3;top:50%;transform:translateY(-50%);}
.menu-site a .line {height:6px;width:30px;background:white;border-radius:2px;margin-left:calc(50% - 80px);position:absolute;z-index:3;top:50%;transform:translateY(-50%);}
.menu-site a:hover .bg {width:100%;}

hr{
    display: block!important;
    width: 100%!important;
}
.go-top {position:fixed;right:20px;bottom:20px;cursor:pointer;width:45px;height:80px;background:url(../images/bg_top.png) no-repeat center, url(../images/bg_overlay.png);z-index:9;border-radius:4px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
.go-top.hide {opacity:0;}



#header {height:0px;left:0px;width:100%;z-index:9;}
#header .logo {float:left;margin-top:65px;}
#header .social {position:absolute;right:120px;top:124px;}
#header .social li {float:left;margin-left:16px;-webkit-transition:ease-out all 0.4s;transition:ease-out all 0.4s;}
#header .social a:first-child li {margin-top:0px;}
#header .social li:hover {opacity:0.5;}
#header .ico-menu {position:absolute;cursor:pointer;cursor:pointer;width:60px;height:37px;z-index: 1500;}
#header .ico-menu .ico {position:absolute; z-index: 1510;}
#header .ico-menu .ico div {position:absolute;height:5px;width:35px;background:white;border-radius:2px;-webkit-transition:ease-out all 0.2s;transition:ease-out all 0.2s;}
#header .ico-menu .ico .part2 {margin-top:11px;}
#header .ico-menu .ico .part3 {margin-top:21px;}
#header .ico-menu .label {color:#ffb000;text-transform:uppercase;font-size:12px;position: absolute;
right: 55px;}
#header .ico-menu .ico .part1, #header .ico-menu .ico .part2, #header .ico-menu .ico .part3{
    background: #ffb000;
    z-index: 1520;
}
#header .ico-menu:hover .ico div:nth-child(1) {
    width: 15px;
left: 2px;
    background: #ffb000;
}
#header .ico-menu:hover .ico div:nth-child(2) {
    width: 20px;
    margin-left: -5px;
    background: #ffb000;
}
#header .ico-menu:hover .ico div:nth-child(3) {margin-left: 2px;
    width: 15px;
background: #ffb000;}




/***********stylees for the responsive 0038***********/





@media screen and (max-width:480px) {

	.menu-site .close {right:6px;top:6px;}
	.menu-site a .label {font-size:20px;line-height:30px;margin-left:calc(50% - 35px);}
	.menu-site a .line {margin-top:60px;height:4px;margin-left:calc(50% - 35px);}

	.menu-mobile a .label {font-size:24px;}
	.menu-mobile a .line {margin-top:25px;}

	#header .logo {margin-top:30px;}
	#header .logo img {height:100px;}
    #header .ico-menu{
        right:0.1%!important;
        margin-right: 0px;
    }
    .fixed-nav{
        padding-top: 10px;
    }

	
}

@media screen and (max-width:680px) {


	.menu-site a .label {font-size:28px;line-height:38px;}
	.menu-site a .line {margin-top:80px;}

	#header .social {display:none;}
    #header .ico-menu{
        top: -33px;
        right:2%;
    }
    #main-nav .logo, #menu-nav .logo{
        position: relative;
        left: 20px;
        top: 6px;
        width: auto!important;
    }
	
}

@media screen and (max-width:760px) {
	#home .wrapper ul {width:270px;}
	#home .wrapper ul li {font-size:24px;margin-bottom:7px;}
	#home .boxes {zoom:0.5;width:580px;}

	#portfolio-detalhe .parallax a {letter-spacing:0px;font-size:16px;word-wrap:break-word;width:90%;margin-left:5%;}
    
    #header .ico-menu{
        top: -33px;
        right:5%;
    }
}

@media screen and (max-width:960px) {
	.menu-site {overflow:scroll;display:none !important;}
	.menu-site a {float:none;display:block;width:100% !important;position:relative;left:0px !important;height:250px;top:0px !important;}
	.menu-site a .label {font-size:35px;line-height:45px;}
	.menu-site a .line {margin-top:100px;}

	#header {height:auto;}
	#header .logo {margin-left:5%;margin-top:45px;}
	#header .ico-menu {right:6%;top:-30px;}
	#header .social {right:calc(5% + 120px);top:80px;}


}




/***for the property styleees***/
header{
   padding-bottom: 20px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.paddingCero{
    padding: 0px!important;
}
/**slide**/

.fondo-movil{
    background: url(../images/fondo-complet-movile.jpg)center top no-repeat;
    background-attachment: fixed;
    background-size: contain;
}
.one-slid{
    background: url(../images/fondo-complet.jpg)center top no-repeat;
    background-attachment: fixed;
    background-size: contain;
}
/**for second section**/
/**for the filter blur**/
.img-center img{
    display: block;
    margin: auto!important;
}
.note {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.note:last-child {
  margin-right: 0;
}
.blur {
  opacity: 0.9;
    filter: blur(1px);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.active {
  z-index: 9;
}

.second{}
.second .row article{
    background: #cecece;
    border: solid 1px #fff;
}
.second .row .contiene article:nth-child(1){
        height: 250px;
    }
.second .row article.grand{
    height: 350px;
    float: right!important;
}
.second .row article.grand img{
    margin-top: 2%!important;
}
.second p{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 20px 0;
    padding-top: 30px;
    font-size: 28px;
    display: block;
}
.second .row article h2{
    text-transform: uppercase;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    padding-top: 20px;

}
.second .row .contiene article:nth-child(3) h2{
    position: absolute;
    top: 25%;
    left: 25%;
}
.second .row article h2 img{
    padding-right: 15px;
    position: relative;
    top: -15px;
}

.second .row .contiene article{
    background: url(../images/one-service.jpg)center left;
    background-size: contain;
}
.second .row .contiene article:nth-child(2){
    background: url(../images/two-service.jpg)center left;
    background-size: contain;
}
.second .row .contiene article:nth-child(3){
    background: url(../images/third-service.jpg)center left;
    background-size: contain;
    height: 350px;
}
.second .row .contiene article:nth-child(4){
    background: url(../images/final-service.jpg)center left;
    background-size: contain;
}
.second article a:hover{
    text-decoration: none;
}

.pie-title{
    color: #fff;
    font-size: 18px;
    width: 80%;
    margin: auto;
}
/**for the proyects section**/
.proyect{
    padding: 70px 0;
    background: #ffffff;
    margin-top: 0px;
}
.proyect .container-08{
    padding-bottom: 70px;
}
.proyect p{
    font-family: 'Poppins', sans-serif;
    display: block;
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 28px;
}
.proyect .row div.hei{
    height: 180px!important;
    background: #cecece;
    border: solid 12px #fff;
    overflow: hidden;
  display: inline-block;
  vertical-align: top;
    -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.proyect .row div.hei img{
    z-index: -10;
    -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.proyect .row div h3{
    font-size: 20px;

    background: #02b8de;
    position: absolute;
    bottom: -10px;
    display: block;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    overflow: hidden;
  display: inline-block;
  vertical-align: top;
    z-index: 100;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
/**.proyect .row div:hover h3{
    padding-top: 20px;
    padding-bottom: 20px;
    background: #212e3a;
}**/
.proyect .row div:hover img.zoom{
    -moz-transform: scale(1.2) ;
-webkit-transform: scale(1.2);
-o-transform: scale(1.2) ;
-ms-transform: scale(1.2) ;
transform: scale(1.2) ;
}



.container-08{
    width: 96%;
    margin: auto;
    padding: 0px 15px;
}

/**for the cliente section**/
.client{

    padding-top: 0px;
}
.client .row div.bor{
    padding: 15px 0;
    border-radius: 1px;

}
.client .row div{
    margin-top: 10px;
}
.client .tworow{
    margin-top: 100px;
}
.client .row div.pri{
    margin-top: 20px;
}
.client p{
    padding-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
}

/**fooooter**/
footer{
    font-family: 'Poppins', sans-serif;
    background:#212E3A;
    padding-top:50px;
}
footer p{
    font-family: 'Poppins', sans-serif;
    font-size:16px;
}
footer p:last-child{
    padding-bottom: 10%;
    position: relative;
    top: 0px;
}
footer h1{
    font-family: 'Poppins', sans-serif;
    color: #02b8de;
}
footer .row div.grand{
    height: 400px;
    width: 100%;
    border: solid 2px #cecece;
}

/**for the page service**/
.service{
    position: relative;
    top: 100px;
}
.forTop{
    background: url(../images/bg-serv.jpg) no-repeat center top;
    padding-top: 100px;
    padding-bottom: 50px;
}
.forTop h1{
    padding-bottom: 40px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.forTop h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 20px;
}

.forTop .container .row div div{
    padding: 23px 10px 1px 10px;
    min-height: 106px;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.forTop .container .row div .color-one{
    height: 100%;
    background: #f65a5b;
    padding: 12px 10px;
    width: 100%;
}
.forTop .container .row div .color-two{
    background: #59a1c9;
}
.forTop .container .row div .color-three{
    background: #39d0b4;
}
.forTop .container .row div .color-four{
    background: #1e3f59;
}
.forTop .container .row div .color-one:hover{
    background: rgba(246, 90, 91, 0.56);
}
.forTop .container .row div .color-two:hover{
     background: rgba(89, 161, 201, 0.56);
}
.forTop .container .row div .color-three:hover{
     background: rgba(57, 208, 180, 0.56);
}
.forTop .container .row div .color-four:hover{
     background: rgba(30, 63, 89, 0.56);
}
.service .row div h2{
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    
}
.service .row div p{
    font-family: 'Poppins', sans-serif;
}
.service .row div a{
    color: #fff;
    background: #02b8de;
    position: relative;
    top: 16px;
    padding: 15px 25px;
    margin-top: 105px!important;
    -webkit-transition: all 400ms linear;
-moz-transition: all 400ms linear;
-ms-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
}
.service .row div a:hover{
    color: #02b8de;
    background: #ffffff;
    border: solid 1px #02b8de;
}
.service .row div a:hover{
    text-decoration: none;
}
.boot{
    margin-top: 40px;
    padding-bottom: 40px;
}

/**for nav page service**/
.icons{
    margin-top: -60px;
    z-index: 999;
}
.icons .row div.col{
    width: 29.3%;
    float: left;
    height: auto;
    display: table;
    margin-left: 3%;
    z-index: 999;
    padding-top: 10px;
}
.icons .row div{
    margin-top: 10px;
    padding: 3px 0;
    z-index: 999;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.icons .row div h4{
    font-family: 'Poppins', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0;
}
.icons .row div.red{
        border: solid 1px #f65a5b;
        min-height: 90px;

}
.icons .row div.red:hover{
        background: #f65a5b;
}
.icons .row div.celes{
    border: solid 1px #59a1c9;
    min-height: 80px;
}
.icons .row div.celes:hover{
    background: #59a1c9;
}
.icons .row div.calip{
    border: solid 1px #3ad0b4;
    min-height: 80px;
}
.icons .row div.calip:hover{
    background: #3ad0b4;
}
.icons .row div.blue{
    border: solid 1px #59a1c9;
     min-height: 80px;
}
.icons .row div.blue:hover{
    background: #1e3f59;
}
#main-nav .icons .row div{
    display: none;
}
#main-nav .logo{
    display: block;
}
.hid{
        display: none!important;
    }
.fixed-nav .logo{
    padding-top: 10px!important;
}

.fixed-nav .icons .row div{
    display: block!important;
}
.fixed-nav{
    background: #212e3a;
    height: 70px;
}
.fixed-menu{
    background: #212e3a;
}
.fixed-main{
    background: #212e3a;
	padding-bottom:10px;
}
#menu .logo, #menu .ico-menu .label, #menu .ico-menu .ico, #menu .ico-menu{
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#header .ico-menu{
        -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
    top: 50%;
}
.fixed-menu .ico-menu{
    top: 40%;
}
#header .ico-menu .label{
        -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
#header .ico-menu .ico{
        -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}



/**for page proyect**/
.proyectos{
   padding-top: 50px;
}
.proyectos h1{
    padding-bottom: 20px;
}
.proyectos .row div.hei{
        height: 200px;
    background: #cecece;
    border: solid 12px #fff;
    overflow: hidden;
  display: inline-block;
  vertical-align: top;
    -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}

.proyectos .row div:hover img.zoom{
    -moz-transform: scale(1.2) ;
-webkit-transform: scale(1.2);
-o-transform: scale(1.2) ;
-ms-transform: scale(1.2) ;
transform: scale(1.2) ;
}
.proyectos .row div img{
    z-index: -10;
    -webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.proyectos .row div h3{
    background: #02b8de;
    position: absolute;
    bottom: -10px;
    display: block;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
/**.proyectos .row div:hover h3{
    padding-top: 20px;
    padding-bottom: 20px;
    background: #212e3a;
}**/
.proyectos .modal-content, .proyect .modal-content{
    background: rgba(255, 255, 255, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
}
.proyectos .modal-content .modal-body img, .proyect .modal-content .modal-body img{
    padding: 10px;
    background: rgba(255, 255, 255, 0.46);
    border-radius: 3px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.33);
}



/**for the page agencia**/
.testo{
    top: -20px;
    padding-top: 100px!important;
    background: #212e3a;
}


.bg-portafolio{
    top: -20px;
    padding: 180px;
   background: url(../images/bg-agencia.jpg) no-repeat center;
}

.bg-portafolio h1{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 40px!important;
}


.testo h1{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 40px!important;
}

.tecto{
    padding: 25% 0;
    background: #212e3a;
}

.bg-agencia{
    padding: 10% 0;
   
}

.bg-agencia h1{
    padding-bottom: 20px!important;
}

.bg-detalle-proyecto{
    padding: 3.4% 0 2% 0;
    background: url(../images/bg-agencia.jpg) no-repeat center;
}


.bg-detalle-proyecto h1{
  color: #fff;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px!important;
}


	
.padding-gral{
	padding:30px 0;}	
	
.padding-serv{
	padding:40px 0;}	

.tecto h1{
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 20px!important;
}
.first .container .row div{
    padding-top: 40px;
    padding-bottom: 60px;
}
.first .container .row div h2{
    color: #02b8de;
    font-family: 'Poppins', sans-serif;
}
.secon{}
.secon h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    position: relative;
    top: 0px;
    padding-top: 25px;
}
.cuadra .row div{
    padding: 28px auto;
    min-height: 172px;
    margin-top: 30px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.cuadra .row div a:hover{
    text-decoration: none
}
.forTop .container .row div a:hover, #main-nav .icons .row div a:hover{
    text-decoration: none;
}
.cuadra .row .masPad{
    padding-top: 30px;
}
.cuadra .row div h3{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.primera{
    margin: 0px 0; 
    margin-top: 20px;
}
.primera img{
    position: relative;
    top: 0px;
    margin-bottom: 80px;
}

.cuadra .row div.red{
    background: #f65a5b;
    border: solid 2px #f65a5b;
}
.cuadra .row div.celes{
    background: #58a0c8;
    border: solid 2px #58a0c8;
}
.cuadra .row div.calip{
    background: #39d0b4;
        border: solid 2px #39d0b4;
}
.cuadra .row div.blue{
    background: #1e3e58;
    border: solid 2px #1e3e58;
}
.cuadra .row div.red:hover{
    background: rgba(246, 90, 91, 0.51);
    border: solid 2px #f65a5b;
}
.cuadra .row div.celes:hover{
    background: rgba(88, 160, 200, 0.51);
    border: solid 2px #58a0c8;
}
.cuadra .row div.calip:hover{
    background: rgba(57, 208, 180, 0.51);
    border: solid 2px #39d0b4;
}
.cuadra .row div.blue:hover{
    background: rgba(30, 62, 88, 0.51);
        border: solid 2px #1e3e58;
}
.cuadra .row .red, .cuadra .row .calip, .cuadra .row .blue{
        padding-top: 30px;
    }
.cdo{
    
}
.cdo .row div{
    padding: 2% 8%;
    background: #a6abb0;
}
.cdo .row div:nth-child(2){
    background: #212e3a;
}
.cdo .row div:nth-child(3){
    background: #02b8de;
}
.cdo .row div h2{
    font-family: 'Poppins', sans-serif;
    color: #fff;
}
.cdo .row div p{
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
}
/**parallax efect**/

.sete-anos{
    background: url(../images/bg_7anos-xs.jpg) no-repeat center top fixed;
    width: 100%;
    height: 418px;
    background-size: cover;
}
/* foreground (balloons/landscape)*/
div#parallax-bg-1{
	position: absolute;
	width: 100%;
	left: 0%; 
    top: 100px;
	margin-left: 0px; 
	z-index: 1;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
div#parallax-bg-1 img{
    -webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
    width: 80%;
    margin: auto;
}



h1{
	font-size:30px !important;}
	
h2{
	font-size:20px !important;}
	
h3{
	font-size:14px !important;}
	
h4{
	font-size:12px !important;}	
	
h1{
	font-size:22px !important;}
	
h2{
	font-size:17px !important;}
	
h3{
	font-size:16px !important;}
	
h4{
	font-size:12px !important;}	
	

	
/**for the page contact**/
.contacto{
    position: relative;
    top: -10px;
    background: #212e3a;
    padding-top: 80px;
}
.contacto .row form{
    width: 90%;
    margin: auto;
}
.contacto .row form label{
    float: left!important;
    padding-right: 20px;
    font-size: 18px;
    color: #fff;
    position: relative;
    top: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.form-control{
    width: 70%!important;
}
.contacto .row form input{
    height: 50px;
}
.contacto .row form input, .contacto .row form textarea{
    border-radius: 1px;
    background: #212e3a;
    border: solid 1px rgba(33, 46, 58, 0);
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
    padding: 15px 10px;
    color: #39d0b4;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
}
.contacto .row form textarea{
    height: 120px;
}
.form-group{
    border-bottom: solid 1px rgba(57, 208, 180, 0.59);
    margin-bottom: 0px!important;
}
.contacto .btn-enviaar{
    border: solid 2px #39d0b4!important;
    padding: 0px 40px!important;
    margin-bottom: 100px;
    margin-top: 15px;
}
.contacto .btn-enviaar:hover{
    background: #39d0b4!important;
    color: #fff!important;
}

#menu .logo{
    width: 80%;
    padding-left: 10px;
    top: 20px;
    padding-top: 10px;
}
        .fixed-main .logo{
        top: 5px!important;
    }
    .fixed-main .ico-menu .label, .fixed-main .ico-menu .ico{
        -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
        top: -5px!important;
    }
a.log{
    display: table!important;
}



/**para los light box**/
.jquery-lightbox-html iframe{
    margin: 0px 0px 0px 50px!important;
}



/** text dinamico **/


.rw-words{
	display: inline;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #00ffc4;
	-webkit-animation: rotateWord 12s linear infinite 0s;
	-ms-animation: rotateWord 12s linear infinite 0s;
	animation: rotateWord 12s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 2s; 
	-ms-animation-delay: 2s; 
	animation-delay: 2s; 
	color: #02b8de;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 4s; 
	-ms-animation-delay: 4s; 
	animation-delay: 4s; 
	color: #3ad0b4;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #59a1c9;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 8s; 
	-ms-animation-delay: 8s; 
	animation-delay: 8s; 
	color: #d9e021;
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 10s; 
	-ms-animation-delay: 10s; 
	animation-delay: 10s; 
	color: #f65a5b;
}
@-webkit-keyframes rotateWord {

    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {

    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {

    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}
 .grand img{
        padding-top: 50px;
    }






/****mediaaaaaaaaa querys***/
@media(max-width: 320px){
    #menu-nav .logo{
        width: 50%!important;
        left: 10px!important;
    }
    #header .ico-menu{
    }
    #header .ico-menu .ico div {
        height:3px;width:25px
    }
    #header .ico-menu .ico .part2{
        margin-top: 6px;
    }
    #header .ico-menu .ico .part3{
        margin-top:13px;
    }
    .grand img{
        padding-top: 80px!important;
    }
    .forTop .container .row div{
        min-height: 172px;
    }
}
@media(min-width: 380px){
    
    #menu .logo{
    width: auto;
    padding-left: 30px;
    top: 20px;
    margin-top: 10px;
    }
    .fixed-main .logo{
    margin-top: 0px!important;
    }
    .second .row .contiene article:nth-child(3) h2{
        left: 25%;
    }
}
@media(max-width: 480px){
   
    #main-nav .logo, #menu-nav .logo{
        position: relative;
        left: 5px;
        top: 6px;
        width: auto!important;
    }

}
@media(min-width: 456px){
    .ber{
        display: none!important;
    }
}
@media(min-width: 586px){
    .fondo-movil{
        background-size: cover;
    }
    #main-nav .logo, #menu-nav .logo{
        position: relative;
        left: 20px;
        top: 6px;
        width: auto!important;
    }
        .second .row .contiene article:nth-child(3) h2{
        left: 30%;
    }


}
/**768 pixels**/
@media(min-width: 768px){
    #main-nav .logo{
        display: none;
        }
    .pie-title{
        width: 50%;}
     .grand img{
        padding-top: 0px;
    }
    .second p, .proyect p, .client p{
        font-size: 32px;}
    h3{
	    font-size:16px !important;}
    .sete-anos{
        height: 518px;}
    footer p:last-child{
        top: -30px;}
    .primera img{
    position: relative;
    top: 100px;
        margin-bottom: 0px;
    }
    #menu .logo{
        position: relative;
        top: 10px;
        left: 60px;
    }
    #menu .ico-menu{
        position: absolute;
        top: -20px!important;
        right: 60px!important;
    }
    .hid{
        display: inline-block!important;
    }
    .fixed-nav .hid{
        position: relative;
        top: 20px;
    }
    .icons{
        position: relative;
        left: -20px;
    }
    .icons div{
        min-height: 113px!important;
    }
    .modal-dialog{
        width: auto!important;
    }
    #main-nav .logo, #menu-nav .logo{
        position: relative;
        left: 100px;
        top: 10px;
    }
    .tecto{
        padding: 180px 0;
    }
	
    .bg-agencia{
        padding: 180px 0;
    }	
     
    .carousel-caption h1{
        position: absolute;
        top: 85px;
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 30px!important;
        right: 0px;
        left: 320px;
        font-family: 'Poppins', sans-serif;
        text-align: left;
        -webkit-transition: all 400ms linear;
        -moz-transition: all 400ms linear;
        -ms-transition: all 400ms linear;
        -o-transition: all 400ms linear;
        transition: all 400ms linear;
    }
    .carousel-caption h1 strong{
        font-size: 55px!important;
    }
        .second .row article h2{
        padding-top: 15%;
        padding-left: 50px;
        text-align: left!important;
    }
    .second .row article:nth-child(3) h2{
        padding-top: 0px;
        padding-left: 35px;
        position: absolute;
        top: 25%;
        left: 25%;
    }
    .second .row article:nth-child(1) h2{
        padding-left: 180px;
        padding-top: 10%;
    }
    .second .row .contiene article:nth-child(4) h2{
        position: relative;
        top: 20px;
        right: 10px;
    }
    .second .row .contiene article:nth-child(3){
        height: 500px;
    }
    .second .row .contiene article.grand h2{
        padding-top: 180px;
    }
    .second h2{
        font-size: 30px;
    }
    .second .row article{
        background: #cecece;
        height: 250px;
        border: solid 1px #fff;
    }
    .second .row article.grand{
        height: 500px;
    }
    
    .second .row article.grand img{
        margin-top: 0!important;
    }
    .container-08{
        width: 95%;
        margin: auto;
        padding: auto;
    }

    .proyect .row div h3{
        font-size: 24px;
    }
    #header .ico-menu {right:6%;}
    .secon h2{
        top: 100px;
    }
    .cdo .row div{
    padding: 3% 8%;
    min-height: 340px;
    }
    .cuadra .row div{
        padding: 5px auto;
        min-height: 222px;
        margin-top: 50px;
        padding-top: 30px;
    }
    .cuadra .row .red h3{
        padding-left: 5px!important;
        padding-right: 5px!important;
    }
    div#parallax-bg-1{
	    position: absolute;
	    width: 1200px;
	    left: 50%; 
        margin-left: -600px; 
    }
    div#parallax-bg-1 img{
        width: 70%;
        margin: auto;
    }
    .sete-anos{
        height: 838px;
    }
    .proyectos .row div.hei{
        height: 380px;
    }
    .contacto .row form{

        margin: auto;
    }
     .contacto .row form label{
        font-size: 15px;
    }
    .form-control{
        width: 80%!important;
    }
    .fixed-nav .ico-menu{
        padding-top: 0px;
        top: 30%!important;
    }
    .fixed-nav{
            height: auto;
    }
    .boot{
        padding-bottom: 70px!important;
        margin-top: 20px;
    }
    
    .forTop .container .row div{
        min-height: 218px;
    }
    h1{
	font-size:34px !important;}
	
    h2{
	font-size:26px !important;}
	
    h3{
	font-size:19px !important}
	
    h4{
	font-size:20px !important;}	
    .proyect .row div.hei, .proyectos .row div.hei{
    height: 250px!important;}
    
    .forTop .container .row div div{
        padding: 35px 10px 15px 10px;
        min-height: 236px;}
    .forTop .container .row div div:first-child{
        padding: 25px 10px 15px 10px;
        }
    .icons .row div.col{
        padding-top: 10px;
        min-height: 120px!important;
    }
     .icons .row div.col:first-child{
        padding-top: 5px;
    }
    .icons .row div.col h4{
        font-size: 18px!important;
    }
    .forTop .container .row div .color-one{
        display: table;
    }
    .fixed-nav .logo{
    padding-top: 30px!important;
    }
    .forTop .container .row div div{
        padding: 25px 10px 15px 10px;}
    .nav > li > a{
        padding: 9px 7px!important;
        margin-top: 25px;
        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.68);}
    .navbar-nav.navbar-right{float: none!important;}
}

/**992 pixels**/
@media(min-width: 992px){
    .primera img{
    position: relative;
    top: 50px;
    }
    .carousel-caption h1{
        left: 40%;
        top: 25%;
        font-size: 50px!important;
    }
    .modal-dialog{
        width: 70%!important;
    }


    .client .row div.pri{
        margin-top: 10px;
    }
    #header .ico-menu {right:0%;}
    .forTop .container .row div{
        padding: 25px 10px;
        min-height: 212px;
    }
    .boot{
        margin-top: 0px;
    }
    .cdo .row div{
    padding: 4% 8%;
    min-height: 330px;
    }
    .container.icons{
        width: 80%;
    }
    #menu-nav .logo{
        left: 150px;
    }
    .proyect .row div.hei, .proyectos .row div.hei{
    height: 260px!important;}
    .second .row .contiene article:nth-child(3){
        height: 250px;
    }
}

/**1024 pixels**/
@media(min-width: 1024px){
    .container.icons{
        width: 65%;
    }
    .second p, .proyect p, .client p{
        font-size: 38px;}
   .container-08{
        width: 90%;
        margin: auto;
    }
    .proyect .row div h3{
        font-size: 30px;
    }
    	#header .ico-menu {right:9%;}
    
    #menu .logo{
        top: 25px;
        left: 90px;
    }
    #menu .ico-menu{
        position: absolute;
        top: -10px!important;
        right: 90px!important;
    }
        .fixed-main .ico-menu .label, .fixed-main .ico-menu .ico{
            top: -15px!important;}
      .boot{
        padding-bottom: 70px!important;
        margin-top: 30px;
    }
    	.port .descrip{
            padding: 15% 5% 10% 7% !important;}
    .nav > li > a{
        padding: 35px 25px 15px 25px!important;
        margin-top: 0px;
        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.68);}
    .navbar-nav.navbar-right{float: right!important;}
   
}
@media(min-width: 1200px){
            .carousel .item img.one-slid{
        background-size: 100%;
    }
    .primera img{
    position: relative;
    top: 20px;
    }
    .primera{
        padding: 120px 0;
       position: relative;
        top: 80px;
    }
    .proyectos{
       padding-top: 80px;
    }
    #menu .logo{
        top: 45px;
        left: 140px;
    }
    #menu .ico-menu{
        position: absolute;
        top: 80px!important;
        right: 170px!important;
    }
        .fixed-main .ico-menu .label, .fixed-main .ico-menu .ico{
        top: -50px!important;
    }
    .second p, .proyect p, client p{
        font-size: 42px;}
        h1{
	font-size:45px !important;
	}
	
    h2{
	font-size:33px !important;}
	
    h3{
	font-size:24px !important;}
	
    h4{
	font-size:20px !important;}	
    .proyect .row div.hei, .proyectos .row div.hei{
    height: 300px!important;}
    .pie-title{
        width: 40%;}

}
@media(max-width: 1240px){
    #main-nav .ico-menu{
        margin-right: -20px;
    }
}
@media(max-width: 1310px){
    .carousel .item img.one-slid{
    background-size: contain;
}
.carousel .item img.two-slid{
    background-size: contain;
}
    
}
/**1366 pixels**/
@media(min-width: 1366px){
    .container{width: 1300px;}
        .nav > li > a{
        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0);}
    .carousel-caption h1{
        position: absolute;
        font-size: 55px!important;
    }
    
    .bim{
        display: none!important;
    }
    .container-08{
        width: 82%;
        margin: auto;
    }
    #menu .logo{
        top: 55px;

    }
    #menu-nav .logo{
        left: 200px;
    }

}
/**1440 pixels**/
@media(max-width: 1440px){
    .icons{
        width: 80%!important;
    }

}
/**1440 pixels**/
@media(min-width: 1440px){
    .carousel-caption h1{
        font-size: 65px!important;
    }
    .cdo .row div{
        padding: 4% 8%;
        background: #a6abb0;
        min-height: 310px;
    }
    #menu .logo{
        top: 65px;
        left: 170px;
    }
    #menu .ico-menu{
        position: absolute;
        top: 30px;
        right: 190px!important;
    }
        .fixed-main .logo{
        top: 5px!important;
    }
    .fixed-main .ico-menu .label, .fixed-main .ico-menu .ico{
        -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
        top: -50px!important;
    }
    .service .row div a{
        top: 52px;}
    .proyect .row div.hei, .proyectos .row div.hei{
    height: 340px!important;}

        .carousel .item img.one-slid{
        background-size: contain;
    }
}
@media(max-width: 1677px){
    .hid{
        display: auto!important;
        padding-top: 30px;
        font-size: 28px!important;
        color: #fff;
        padding-left: 30px;
    }

    #main-nav .ico-menu{
        right: 1%!important;
    }

}
@media(min-width: 1677px){
    .hid{
        display: none!important;
    }
    #main-nav .logo{
        display: block;
    }
    .service .row div a{
        top: 89px;}
    .proyect .row div.hei, .proyectos .row div.hei{
    height: 380px!important;}

}



.animated{
    animation-fill-mode: backwards!important;
}

@media(min-width: 320px){}


	
.email{
	font-size:22px;}	
	
.calipso{
	color:#02b8de;
    padding: 0px;
    }	
	
	
body {
    font-size: 14px;}

.yanone{
	 font-family: 'Poppins', sans-serif;}	
	
.white{
	color:#fff !important;}
	



.white-300{
    color:#fff;
    font-weight: 300}    
	

	 
	 	














/* for the page index-dos slider */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 200;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item, .port {
 
}

.port{
}
.port .row{
    background:#fff;
}
header#menu-dos{
    background: #212e3a;
    padding-bottom: 10px;
}
header#menu-dos .ico-menu{
    position: initial;
    margin-top: 20px;
    float: right;
    margin-right: -30px;
}
header#menu-dos .logo-dos{
    position: relative;
    top: 12px;
}
.carousel-control.left, .carousel-control.right{
    background-image: none!important;
    top: 45%;
    opacity: 0;
    transition: 200ms all linear;
}
#carousel:hover .carousel-control.left, #carousel:hover .carousel-control.right{
    opacity: 1;
}
.carousel-control.left i, .carousel-control.right i{
    color: #fff;
    opacity: .3;
    transition: 300ms all linear;
}
.carousel-control.left:hover i, .carousel-control.right:hover i{
    opacity: 1;
}
.port .descrip{
    padding: 10% 5% 10% 7% !important;}
	
.port .descrip span{
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-style: italic;
    transition: all 200ms linear;
}

.port .descrip h1{
    margin: 5px 0px;
    transition: all 800ms linear;
    font-size: 22px!important;
    line-height:21pt;
    font-weight: 300;
}
.navbar-toggle{margin-bottom: 15px!important;}
.navbar-brand{padding: 0px 0px 0px 15px!important; position: relative; top: 20px;}

.port .descrip div.rw-words.rw-words-1 span{
    padding: 20px 0px;
    transition: all 1450ms linear;
    background: url(../images/back-text.svg) center bottom no-repeat;
    color: #333!important;
}
.port .descrip div.rw-words{
    position: absolute;
    width: 75%;
}
#carousel{
    z-index: -1;
}

.over-slide{
    position: absolute;
    z-index: 99;
    opacity: .6;
    right: -800px;
width: 10%;
}



.block{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.loco{
    position: relative;
    left: -400px;
}
.thecarousel .carousel-caption{
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
}

.bg-calipso{
	background:#02B8DE;
	padding:10px 0 20px 0;;
	width:100%;}
	
.bg-calipso h2{
	font-size:18px !important;}	
.hom-leer{color: #fff!important; border-color: #fff!important; transition: all linear 300ms;}
.hom-leer:hover{color: #02b8de!important;}
.nuevasection-home h2{margin-top: 0px; line-height: 30pt; color: #000;}
.nuevasection-home{padding: 80px 0px;}






















@media (min-width: 768px){
	
	.bg-gris{
	background:#F2F2F2;
	padding:80px 0;
	margin-top:0;
	}	
	
		.port .descrip{
    padding: 15% 0% 0% 3% !important;}
	
    header#menu-dos .ico-menu{
        margin-right: 0px;
    }
    .port .descrip span{
        font-size: 16px;
        }
    .port .descrip h1{
}
    #header .ico-menu .label {
right: 85px;}


.box-gray-slide{
	background:#CCC;
	bottom:152px;
	padding:20px 40px;
	position:absolute;
	z-index:5000;
	width:45%;
	}
	
	.bg-calipso{
	background:#02B8DE;
	padding:70px 0 130px 0;;
	width:100%;}
	
.bg-calipso h2{
	font-size:33px !important;}	
	
	.bg-gray2{
	background:#212E3A;
	padding:160px 0 !important;}

.port .descrip h1{
    margin: 5px 0px;
    transition: all 800ms linear;
    font-size: 35px!important;
    line-height:32pt;
}
    
    .nuevasection-home{padding: 100px 0px;}
}


@media (min-width: 1600px){
    header#menu-dos .ico-menu{
        margin-right: 0px;
    }
    .port .descrip span{
        font-size: 16px;
        }
    .port .descrip h1{
        font-size: 43px!important;
        line-height:42pt;
        }
    #header .ico-menu .label {
right: 85px;}

.box-gray-slide{
	background:#CCC;
	bottom:141px;
	padding:20px 50px;
	position:absolute;
	z-index:5000;
	width:45%;
	}
	
.port .descrip{
    padding: 15% 5% 10% 8% !important;
    }
	
	.port .descrip div.rw-words{
    position: absolute;
    width: 55%;
}
    .nuevasection-home{padding: 150px 0px;}

}


	

	
.bg-gris{
	background:#F2F2F2;
	padding:0px;
	margin-top:0;
	}	
	
.grow:hover
{
        -webkit-transform: scale(1.09);
        -ms-transform: scale(1.09);
        transform: scale(1.09);
		transition:0.3s;
}
	


.paddingleft0{
	padding-left:0 !important;}
	
.paddingright0{
	padding-right:0 !important;}
	
.padding0{
	padding-left:0 !important;
	padding-right:0 !important;}
	
.gray{
	color:#707074;}	
	
.gray2{
	color:#d8d8d8;}	
	
.gray3{
	color:#d8d8d8;}	
	
.gray2:hover{
	color:#04B7DD;}		
	
.black{
	color:#000;}	
	
	
	/*hover effects*/
	
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.7);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
	display: block;
	position: relative;
	-webkit-transition: all .4s linear;
	transition: all .4s linear;
	background-image: url(images/portafolio/770-1.jpg);
}

.hovereffect h2 {
color:#fff;
text-align:center;
position:relative;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
font-size:18px !important;
}
.hovereffect a.info {
text-decoration:none;
display:inline-block;
color:#fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:10% 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
}

.hovereffect:hover img {
-ms-transform:scale(2.2);
-webkit-transform:scale(1.2);
transform:scale(1.05);
}



.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/*fin hover */
		
.bg-calipso-serv{
	background:#05B6DC;
}

.bg-white-serv{
	background:#fff;
}

.bg-gray-serv{
	background:#e6e6e6;
}

.box-text{
	padding:10%;}

.white{
	color:#fff;}
	
.calipso{
	color:#05B6DC;
    
    }	
	
.serv-text{
	font-size:40px;
	line-height:42pt;}	
	
.que-hacemos-black{
	color:#000000;
    font-size: 34px;
    font-weight: 500;
    padding-top: 15px;
    }


	
	    .que-hacemos-celeste{
    color:#05B6DC;
    font-size: 18px;
    font-weight: 500;
    padding-top: 15px;
    }



.titulos-internas{
    padding-top: 70px;
    padding-bottom: 80px;}



.bg-gray2{
	background:#212E3A;
	padding:30px 0;}	
		
	
.bg-conversar{
	background:#f4f6f7;
	padding:50px 0;}	
	
.ver{
	text-decoration:underline;
	}	
	
.principal-serv{
	background: url(../images/servicios/consultoria.jpg) no-repeat center;
	background-size:100%;
	height:500px;}	
	

	
.principal-agencia{
	background: url(../images/bg-agencia2.jpg) no-repeat center;
	background-size:100%;
	height:150px;}				
	
.divi{
	margin-bottom:180px;}	


.section-detalle-servicios {

    padding: 100px 0;}  


.section-detalle-servicios p {
    font-size: 34px;
    color: #363636;
    font-weight: 300;
    line-height: 1.25;
    }  

.detalle-servicios-titulo {
    font-size: 46px;
    color: #000000;
    }  

.detalle-servicios-texto  {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 300;    } 



.paddingleft{
    padding-left:60px !important;}
    
.paddingright{
    padding-right:60px !important;}



	
	
.titulo-servicios{
    line-height: 1.11;
    font-size: 20px;
    color: #363636;
    font-weight: 300;
    padding-bottom: 20px;
    display: block;}


	
    .servicios-textos-blanco{
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #ffffff;
    padding-top: 0px;
    margin-bottom: 30px;}	


	
    .servicios-textos-gris{
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: #707070;
    padding-top: 0px;
    margin-bottom: 30px;}	


.padding-titulo-servicio{
    padding-left:10% !important;
    padding-right: 6% !important;
    padding-top: 4%;}



    
.leer-mas{
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 11px!important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #212E3A;}

    .leer-mas:hover {
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #05B6DC;
    text-decoration: none;}
	
	
.leer-mas2{
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 11px!important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #212E3A;}

    .leer-mas2:hover {
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    text-decoration: none;}	

.caja-leer-mas{
    background: #f5f7f8;
    text-align: center;
    padding: 21px 0 25px;}


.titulo-proyectos{
    text-align: center;
    font-size: 23px !important;
    font-weight: 500;
    margin-bottom: 0;
    color: #000;}


.titulo-proyectos2{
    font-size: 20px;
    font-weight: 300;
    color: #000;}

.titulo-contacto{
    font-size: 20px;
    font-weight: 300;
    color: #fff;}


    .titulo-proyectos3{

    font-size: 20px !important;
    font-weight: 500;
    color: #000;}



	
.texto-proyectos{

    font-size: 14px;
    line-height: 1.43 !important; 
    color: #707070;
    font-weight: 300;}	
	
.nav-home{
	background-color:transparent !important;}
	
	
.nav-home ul li a{
	}		

    

.shadow{
-webkit-box-shadow: 1px 2px 18px 1px rgba(0,0,0,0.26);
-moz-box-shadow: 1px 2px 18px 1px rgba(0,0,0,0.26);
box-shadow: 1px 2px 18px 1px rgba(0,0,0,0.26);}

.border{
	border-radius:5px;}
	
.bg-mails-vantrust{
	background: #FFF;
	background-size:100%;
	padding:50px 0 100px 0;}	
	
	
.bg-zoom{
	background:url(../images/proyectos/vantrust/bg-red.jpg) repeat-x;}	
	
.bg-hamburguesa{
	background:#FFF;
	background-size:100%;}
	
.bg-timberly{
	background:#0099a8;
	padding:60px 0;}	
	
.bg-gray-tim{
	background:#f1f1f1;
	padding:60px 0;}
	
.bg-gray-pre{
	background:#eaebee	;
	padding:60px 0 70px 0;}
	
.porsche{
	position:absolute;
	z-index:1000;
	margin:27%;
	padding-left:220px;}
	
.bg-red{
	background:#e30813;
	padding:5%;
	min-height:300px;}
	
.bg-black{
	background:#000;
	padding:10%;
	min-height:300px;}
	
.bg-corvette{
	background:url(../images/proyectos/premier/bg-corvette.jpg) no-repeat center;
	background-size:100%;}	
	
.bg-red-vargas{
	background:url(../images/proyectos/vargas-buston/bg-red.jpg) no-repeat center;
	background-size: 100%;
	padding:10% 0;}	
	
.bg-neumared1{
	background:url(../images/proyectos/neumared/neuma1.jpg) no-repeat right;
	padding:0;}		
	
.bg-neumared2{
	background:url(../images/proyectos/neumared/bg-neu.jpg) no-repeat center;
	background-size: 100%;
	padding:10% 0;}							
	

@media (min-width: 768px){
	
	.dropdown:hover .dropdown-menu {
   display: block;
}
	
	.bg-aragon{
	background:url(../images/proyectos/aragon/bg.jpg) no-repeat center;
	padding:100px 0;
	background-size:100%;
	}
	
	.bg-alma{
	background:url(../images/proyectos/almahipodromo/bg.jpg) no-repeat center;
	padding:100px 0;
	background-size:100%;
	}
	
	.bg-maxiclima{
	background:url(../images/proyectos/maxiclima/bg-maxiclima.jpg) no-repeat left;}
	
	.bg-conversar{
	background:#f4f6f7;
	padding:100px 0;}	
	
	.bg-purple{
	background:#84268D;
	padding-bottom:100px;
	padding-top:0px;}
	
	.bg-red{
	background:#e30813;
	padding:5%;
	min-height:600px;}
	
.bg-black{
	background:#000;
	padding:10%;
	min-height:600px;}
	
	
	.bg-gray-pre{
	background:#eaebee	;
	padding:60px 0 200px 0;}
	
	.bg-hamburguesa{
	background:url(../images/proyectos/johnny-rockets/bg-hamburguesa.jpg) no-repeat center;
	background-size:100%;}
	
	.bg-mails-vantrust{
	background:url(../images/proyectos/vantrust/bg-mails.jpg) center top no-repeat;
	background-size:100%;
	padding:50px 0 100px 0;}

.titulo-proyectos3{
    font-size: 30px !important;
    font-weight: 500;
    color: #000;}	

.titulo-proyectos{
    text-align: center;
    font-size: 45px !important;
    font-weight: 700;
    margin-bottom: 0;
    color: #333e47;}
	
	

.bg-gray2{
	background:#212E3A;
	padding:70px 0;}
	
	.hovereffect a.info {
text-decoration:none;
display:inline-block;
color:#fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:18% 0 0;
padding:7px 14px;
}

.titulo-servicios{
    line-height: 1.11;
    font-size: 40px !important;
    color: #363636;
    font-weight: 300;
    padding-bottom: 80px;
    display: block;}

    .que-hacemos-celeste{
    color:#05B6DC;
    font-size: 33px !important;
    font-weight: 500;
    padding-top: 15px;
    }
	
.padding-serv{
	padding:130px 0;}
	
.titulo-servicios{
    line-height: 1.11;
    font-size: 33px !important;
    color: #363636;
    font-weight: 300;
    padding-bottom: 80px;
    display: block;}
	
.servicios-textos-blanco{
    font-size: 19px !important;
    line-height: 1.25;
    font-weight: 500;
    color: #ffffff;
    padding-top: 30px;
    margin-bottom: 30px;}
	
	    .servicios-textos-gris{
    font-size: 19px !important;
    line-height: 1.25;
    font-weight: 500;
    color: #707070;
    padding-top: 30px;
    margin-bottom: 30px;}	
	
	.leer-mas{
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #212E3A;}

    .leer-mas:hover {
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #05B6DC;
    text-decoration: none;}
	
	
.leer-mas2{
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 13px!important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #212E3A;}

    .leer-mas2:hover {
    border-bottom: 2px solid #212E3A;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .1em;
    color: #fff;
    text-decoration: none;}
	
.titulo-proyectos2{
    font-size: 36px !important;
    font-weight: 300;
    color: #000;}

.titulo-contacto{
    font-size: 36px !important;
    font-weight: 300;
    color: #fff;}	
	
	.bg-agencia{
    padding: 7% 0;}

.principal-agencia{
	background: url(../images/bg-agencia2.jpg) no-repeat center;
	background-size:100%;
	height:600px;}				

.padding-gral{
	padding:70px 0;}
	
	.texto-proyectos{

    font-size: 21px;
    line-height: 1.43 !important; 
    color: #707070;
    font-weight: 300;}
	
	body {
    font-size: 18px !important;}
	
	.sete-anos{
    background: url(../images/bg_7anos-xs.jpg) no-repeat center top fixed;
    width: 100%;
    height: 800px;
    background-size: cover;
}

.porsche{
	position:absolute;
	z-index:1000;
	margin:27%;
	padding-left:220px;}
    
    .navbar-brand{padding: 15px!important; position: relative; top: 0px;}
    .proproyect{
        height: 50%!important;
        background-size: 100% 70%!important;}
	
}

@media (min-width: 1200px){	
.proproyect{
        height: 100%!important;
        background-size: 100% 100%!important;}
.porsche{
	position:absolute;
	z-index:1000;
	margin:27%;
	padding-left:220px;}	
	
	.bg-facebook-full{
	background:url(../images/proyectos/fullneumaticos/facebook.jpg) center no-repeat;
	height:1000px;
	background-size: 100%;}	
	
}




.bg-purple{
	background:#84268D;
	padding-bottom:100px;
	padding-top:200px;}	
	
.bg-red-orkin{
	background:url(../images/proyectos/orkin/bg-red.jpg) no-repeat center;
	padding-bottom:100px;}	
	
.bg-maxiclima{
	background:#fff;}
		
.bg-alma{
	background:url(../images/proyectos/almahipodromo/bg.jpg) no-repeat center;
	padding:0px 0;
	background-size:100%;
	}
	
.bg-aragon{
	background:#FFF;
	padding:50px 0;
	background-size:100%;
	}	
	
	
.bg-orange{
	background:#E9612A;
}

.bg-csenergy{
	background: url(../images/proyectos/cs-energy/bg.jpg) no-repeat center;
	padding: 30px 0;
}	

	
@media (min-width: 1366px){
    .nuevasection-home h2{margin-top: 40px;}
}
@media (min-width: 1600px){	
.proproyect{
        height: 100%!important;
        background-size: auto!important;}
.porsche{
	position:absolute;
	z-index:1000;
	margin:21%;
	padding-left:220px;}	
	
.bg-facebook-full{
	background:url(../images/proyectos/fullneumaticos/facebook.jpg) center no-repeat;
	height:1280px;
	background-size: 100%;}	
	
	
.bg-aragon{
	background:url(../images/proyectos/aragon/bg.jpg) no-repeat center;
	padding:350px 0;
	background-size:100%;
	}	
    .nuevasection-home h2{margin-top: 100px; width: 80%;}
    .nuevasection-home p{width: 70%;}
}



.bg-xs-inamar{
	background:url(../images/proyectos/inamar/bg-xs.jpg) repeat-x;}
	
.img-inamar{
	z-index:1000;
	position: relative;}	
	
.bg-gris-inamar{
	background:#f6f6f6;
	padding:220px 0 120px 0;
	margin-top:-120px;
	}	
	
.bg-admin-inamar{
	background:url(../images/proyectos/inamar/bg-admin.jpg) no-repeat;}	
	
.bg-light-gray{
	padding:100px 0;
  background:#f5f7f8;}
  
.bg-matabichos1{
	background: url(../images/proyectos/matabichos/bg-camioneta.jpg) repeat-x center !important;}
	
.bg-gris-matabichos{
	background:#f1f1f1;
	padding:50px 0;}		  
  
.btn-yllw{
	z-index:100;
	position:absolute;
	margin:-40px -10px 0 0;}   
	
.gray-home{
	background:#fcfcfc;
	padding:100px 0;}	
	
.image-new{
	padding:50px 40px;
	background: url(../images/think.png) right bottom no-repeat #05b6dc;
	-webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.1s ease-out;
  -ms-transition:all 0.1s ease-out;
  -o-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
	}
	
.image-new:hover{
	
	 -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
	padding:40px;
	background:url(../images/think.png) right bottom no-repeat #ffbf00;
	cursor:pointer;
	}	
	
	
.image-new2{
	padding:50px 40px;
	background: url(../images/x.png) right bottom no-repeat #05b6dc;
	-webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.1s ease-out;
  -ms-transition:all 0.1s ease-out;
  -o-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
	}
	
.image-new2:hover{
	
	 -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
	padding:40px;
	background:url(../images/x.png) right bottom no-repeat #ffbf00;
	cursor:pointer;
	}
	
.image-new3{
	padding:50px 40px;
  background: url(../images/difundir.png) right bottom no-repeat #05b6dc;
	-webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.1s ease-out;
  -ms-transition:all 0.1s ease-out;
  -o-transition:all 0.1s ease-out;
  transition:all 0.1s ease-out;
	}
	
.image-new3:hover{
	
	 -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
	padding:40px;
	background:url(../images/difundir.png) right bottom no-repeat #ffbf00;
	cursor:pointer;
	}		
	
.big-title{
	font-size:70px !important;}	
	
.dark-blue{
	color:#333e47;}	
	
	
/*hover proyetos*/


figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin:0px;
  width: 100%;
  background: #000000;
  text-align: left;
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 13% 15%;
  width: 100%;
  height: 100%;
}

figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: -0.15em;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h2 span {

}


figure.snip0016 h4,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h4 {
  word-spacing: -0.15em;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h4 span {
}

figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {
  opacity: 0.3;
}
figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

figure.snip0016:hover figcaption h4 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.bg-red-matabichos{
	background:url(../images/proyectos/matabichos/bg-red.jpg) no-repeat center;
	padding:50px 0;}	
	
.bg-gray-matabichos{
	background:#f1f1f1;
	padding:50px 0;}				
	



@media (min-width: 1200px){
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 12% 15%;
  width: 100%;
  height: 100%;
}

.bg-red-matabichos{
	background:url(../images/proyectos/matabichos/bg-red.jpg) no-repeat center;
	padding:100px 0;}	
	
.bg-gray-matabichos{
	background:#f1f1f1;
	padding:100px 0;}				
	
	
}


@media (min-width: 1400px){
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 13% 15%;
  width: 100%;
  height: 100%;
}
}


@media (min-width: 1600px){
	figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20% 15%;
  width: 100%;
  height: 100%;
}
	
	}
	
	
	
.bg-web-kbo{
	background: url(../images/proyectos/kbo/bg-website.jpg) center no-repeat;
	padding:100px 0;}	
	
.bg-movil-kbo{
	background:url(../images/proyectos/kbo/bg-xs.jpg) center no-repeat;
	padding:100px 0;
	}	
	
.bg-orange-kbo {
	background: url(../images/proyectos/kbo/bg-admin.jpg) center no-repeat;
	padding:100px 0;
	}	
	
.bg-yellow-cavasal{
	background:#ecad44;
	padding:100px 0;}	
	
.bg-video-cavasal {
	background: url(../images/proyectos/cavasal/bg-video.jpg) center no-repeat;
	padding:100px 0;
	}