.hidden{

	display: none;

}



.device-movil{

	display: none;

}



.portfolyo-desk img[src="img/hizmetler/centrado.png"] {

    position: absolute;

    z-index: 10;

    left: 0;

    top: 0;

    width: 100%;

}



.portfolyo-desk img[src="img/hizmetler/fondo.png"]{

    -webkit-animation: transform-rotate 5000ms linear 0ms infinite normal;

   -moz-animation: transform-rotate 5000ms linear 0ms infinite normal;

   animation: transform-rotate 5000ms linear 0ms infinite normal;

	     width: 100%;

}



.td-hizmetler{

    color: #ac1f26;

    font-size: 30px;

    margin-top: 35%;

    padding-bottom: 20px;

    border-bottom: 4px solid;

    font-weight: 500;

}



.dd-hizmetler{

    line-height: 1.5;

}



.fullest{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 102vh;

    z-index: 20;

}



.fullest .fb img{

width: 21%;

}



.fullest img{

width: 42%;

cursor: pointer;

}



.fullest img:hover{

    transform: scale(1.085);

    transition: all ease 250ms;

}



.fullest .fb img{

margin-top: 7%;

}



.fullest .gg img{

    margin-top: -17%;

}



.fullest .sis img{

margin-top: -17%;

    margin-left: 5%;

}



.fullest .cor img{

margin-left: -12%;

    margin-top: 7%;

}



.fullest .wa img{

    margin-left: 12%;

    margin-top: 7%;

}



.fullest .cm img{

    margin-left: 50%;

    margin-top: -8%;

}



.fullest .mk img{

    margin-left: -50%;

    margin-top: 2%;

}



.fullest .stf img{

    margin-left: -30%;

    margin-top: -8%;

}



.fullest .waze img{

    margin-left: 50%;

    margin-top: -8%;

}



.more-hizmetler{

    -webkit-animation: transform-tada 1500ms ease 200ms infinite normal;

   -moz-animation: transform-tada 1500ms ease 200ms infinite normal;

   animation: transform-tada 1500ms ease 200ms infinite normal;

}



.more-hizmetler:hover{

    -webkit-animation: transform-tada 800ms linear 0ms 1 normal;

   -moz-animation: transform-tada 800ms linear 0ms 1 normal;

   animation: transform-tada 800ms linear 0ms 1 normal;

}



.portfolyo-desk{

    overflow: hidden;

}



.portfolyo-desk.active .manocelular{

-webkit-animation: slide-up-in 380ms linear 350ms 1 normal backwards;

   -moz-animation: slide-up-in 380ms linear 350ms 1 normal backwards;

   animation: slide-up-in 380ms linear 350ms 1 normal backwards;

}



.portfolyo-desk.active .fb img{

    -webkit-animation: swash-in 380ms linear 550ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 550ms 1 normal backwards;

   animation: swash-in 380ms linear 550ms 1 normal backwards;

}



.portfolyo-desk.active .gg img{

    -webkit-animation: swash-in 380ms linear 600ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 600ms 1 normal backwards;

   animation: swash-in 380ms linear 600ms 1 normal backwards;

}



.portfolyo-desk.active .sis img{

    -webkit-animation: swash-in 380ms linear 650ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 650ms 1 normal backwards;

   animation: swash-in 380ms linear 650ms 1 normal backwards;

}



.portfolyo-desk.active .cor img{

    -webkit-animation: swash-in 380ms linear 700ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 700ms 1 normal backwards;

   animation: swash-in 380ms linear 700ms 1 normal backwards;

}



.portfolyo-desk.active .wa img{

    -webkit-animation: swash-in 380ms linear 750ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 750ms 1 normal backwards;

   animation: swash-in 380ms linear 750ms 1 normal backwards;

}



.portfolyo-desk.active .cm img{

    -webkit-animation: swash-in 380ms linear 800ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 800ms 1 normal backwards;

   animation: swash-in 380ms linear 800ms 1 normal backwards;

}



.portfolyo-desk.active .mk img{

    -webkit-animation: swash-in 380ms linear 850ms 1 normal backwards;

   -moz-animation: swash-in 380ms linear 850ms 1 normal backwards;

   animation: swash-in 380ms linear 850ms 1 normal backwards;

}



.portfolyo-desk.active .serv-centrado{

    -webkit-animation: animate-fade-in 350ms linear 1200ms 1 normal;

   -moz-animation: animate-fade-in 350ms linear 1200ms 1 normal;

   animation: animate-fade-in 220ms linear 1200ms 1 normal;

}



.portfolyo-desk.active .daleinfo{

  -webkit-animation: animate-fade-in-right 180ms linear 950ms 1 normal backwards;

  -moz-animation: animate-fade-in-right 180ms linear 950ms 1 normal backwards;

  animation: animate-fade-in-right 180ms linear 950ms 1 normal backwards;

}



.modeno-desk{

    background-color: #00acb7;

    height: 100%;

    overflow: hidden;

}



.modeno-desk .caja{

    height: 100%;

}



.modeno-desk .control-fondo{

	background-size: 100%;

	background-image: url(../img/modeno/control.png);

	background-repeat: no-repeat;

	background-position: 5% 34%;

}



.modeno-desk .descripciones h3{

    font-size: 50px;

    color: white;

    text-align: center;

    margin-top: 30%;

    font-weight: 300;

		width: 123%;

}



.modeno-desk .descripciones p{

	color: white;

  line-height: 1.5;

  margin-top: -22px;

  text-align: justify;

  margin-right: -95px;

  padding: 0px 32px;

  /* width: 94%; */

  /* float: right; */

  /* se quito el max-height para evitar duplicado en la animacion */

}



.modeno-desk .descripciones a img{

    margin-left: 15px;

}



.iletisim-desk{

    position: relative;

}



.iletisim-desk video{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    min-width: 100%;

    min-height: 100%;

}



.efecto-video{

    background: rgba(0, 0, 0, 0.48);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}



.iletisim-desk {

	background-image: url(../img/iletisim.jpg);

background-position: top;

background-repeat: no-repeat;

background-size: 100% 88%;

min-height: 450px;

padding-top: 50px;

padding-bottom: 50px;

background-color: #8EC871;

}



.iletisim-desk input{

    padding: 10px;

    border: 0px;

    border-radius: 6px;

    margin-bottom: 10px;

    outline-color: transparent;

}



.iletisim-desk textarea{

    padding: 10px;

    border: 0px;

    border-radius: 6px;

    margin-bottom: 10px;

    outline-color: transparent;

    resize: none;

}



.enviar-iletisim{

    width: 27%;

    cursor: pointer;

}



.iletisim-desk .tit-iletisim {

    color: white;

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 15px;







}



.iletisim-desk .describe{

    color: white;

    padding-left: 20%;

    padding-right: 20%;

    width: 60%



    margin-bottom: 30px;



		font-size: 17px;

}



.refer-iletisim{

        display: none;

    }



.form-iletisim{

    float: left;

}



.footer{

    height: 30px;

    background-color: #00AE54;

    color: white;

    padding-top: 4px;

}



.footer a{

    color: white;

    cursor: pointer;

}



.contiene-formulario-iletisim{

        position: absolute;

    z-index: 30;

    top: 10%;

    left: 0;

    margin: auto;

    width: 100%;

    height: 100%;

		margin-top: 5%;

}

.tit-portfolyo{	color: #5d9c37;font-size: 40px;font-weight: 700;margin-bottom: 40px;

text-transform: uppercase;text-align: center;}

@media (max-width: 420px){

    .footer{

        display: none;

    }

}



@media (min-width: 640px) {



  .boton-enviar{

    padding-left: 16%;

  }





  .refer-iletisim{

    display: block !important;

    float: left;

    padding-right: 50px;

    padding-top: 45px;

    width: 40%!important;

    padding-left: 0px;

    }		

    .refer-iletisim-interior{			

        border: 2px solid white;			

        padding: 20px;	    

        background-color: rgba(255, 255, 255, 0.1);			

        height: 135px;		}



    .refer-iletisim .caja {

        margin-bottom: 15px;

        color: white;

        font-weight: 700;

    }



    .refer-iletisim .caja span{

        color: white;

        font-weight: 300;

    }



    .btnenviodesk{

      -webkit-animation: pump 2s infinite linear;

      -moz-animation: pump 2s infinite linear;

      -o-animation: pump 2s infinite linear;

      -ms-animation: pump 2s infinite linear;

      animation: pump 2s infinite linear;

    }

}





@-moz-keyframes pump {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  5% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  10% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  15% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

}

@-webkit-keyframes pump {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  5% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  10% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  15% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

}

@-o-keyframes pump {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  5% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  10% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  15% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

}

@keyframes pump {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  5% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  10% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

  15% {

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -o-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-box-shadow: 0 0 20px #fff;

    box-shadow: 0 0 20px #fff;

  }

  20% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

  }

}



@-webkit-keyframes animate-fade-in-right

{

   0% { -webkit-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }

   100% { -webkit-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }

}

@-moz-keyframes animate-fade-in-right

{

   0% { -moz-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }

   100% { -moz-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }

}

@-o-keyframes animate-fade-in-right

{

   0% { -o-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }

   100% { -o-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }

}

@-ms-keyframes animate-fade-in-right

{

   0% { -ms-transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }

   100% { -ms-transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }

}

@keyframes animate-fade-in-right

{

   0% { transform:  rotate(0deg) translate(100px,0px); opacity: 0;  }

   100% { transform:  rotate(0deg) translate(0px,0px); opacity: 1;  }

}



@-webkit-keyframes animate-fade-in

{

   0% { opacity: 0;  }

   100% { opacity: 1;  }

}

@-moz-keyframes animate-fade-in

{

   0% { opacity: 0;  }

   100% { opacity: 1;  }

}

@-o-keyframes animate-fade-in

{

   0% { opacity: 0;  }

   100% { opacity: 1;  }

}

@-ms-keyframes animate-fade-in

{

   0% { opacity: 0;  }

   100% { opacity: 1;  }

}

@keyframes animate-fade-in

{

   0% { opacity: 0;  }

   100% { opacity: 1;  }

}



@-webkit-keyframes swash-in

{

   0% { -webkit-transform:  rotate(0deg) scale(0,0); opacity: 0; -webkit-transform-origin: 50% 50%;  }

   90% { -webkit-transform:  rotate(0deg) scale(0.9,0.9); -webkit-transform-origin: 50% 50%; opacity: 1;  }

   100% { -webkit-transform:  rotate(0deg) scale(1,1); -webkit-transform-origin: 50% 50%;  }

}

@-moz-keyframes swash-in

{

   0% { -moz-transform:  rotate(0deg) scale(0,0); opacity: 0; -moz-transform-origin: 50% 50%;  }

   90% { -moz-transform:  rotate(0deg) scale(0.9,0.9); -moz-transform-origin: 50% 50%; opacity: 1;  }

   100% { -moz-transform:  rotate(0deg) scale(1,1); -moz-transform-origin: 50% 50%;  }

}

@-o-keyframes swash-in

{

   0% { -o-transform:  rotate(0deg) scale(0,0); opacity: 0; -o-transform-origin: 50% 50%;  }

   90% { -o-transform:  rotate(0deg) scale(0.9,0.9); -o-transform-origin: 50% 50%; opacity: 1;  }

   100% { -o-transform:  rotate(0deg) scale(1,1); -o-transform-origin: 50% 50%;  }

}

@-ms-keyframes swash-in

{

   0% { -ms-transform:  rotate(0deg) scale(0,0); opacity: 0; -ms-transform-origin: 50% 50%;  }

   90% { -ms-transform:  rotate(0deg) scale(0.9,0.9); -ms-transform-origin: 50% 50%; opacity: 1;  }

   100% { -ms-transform:  rotate(0deg) scale(1,1); -ms-transform-origin: 50% 50%;  }

}

@keyframes swash-in

{

   0% { transform:  rotate(0deg) scale(0,0); opacity: 0; transform-origin: 50% 50%;  }

   90% { transform:  rotate(0deg) scale(0.9,0.9); transform-origin: 50% 50%; opacity: 1;  }

   100% { transform:  rotate(0deg) scale(1,1); transform-origin: 50% 50%;  }

}



@-webkit-keyframes slide-up-in

{

   0% { -webkit-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -webkit-transform-origin: 0 0;  }

   100% { opacity: 1; -webkit-transform:  rotate(0deg) translate(0px,0px); -webkit-transform-origin: 0 0;  }

}

@-moz-keyframes slide-up-in

{

   0% { -moz-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -moz-transform-origin: 0 0;  }

   100% { opacity: 1; -moz-transform:  rotate(0deg) translate(0px,0px); -moz-transform-origin: 0 0;  }

}

@-o-keyframes slide-up-in

{

   0% { -o-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -o-transform-origin: 0 0;  }

   100% { opacity: 1; -o-transform:  rotate(0deg) translate(0px,0px); -o-transform-origin: 0 0;  }

}

@-ms-keyframes slide-up-in

{

   0% { -ms-transform:  rotate(1deg) translate(0px,100%); opacity: 0; -ms-transform-origin: 0 0;  }

   100% { opacity: 1; -ms-transform:  rotate(0deg) translate(0px,0px); -ms-transform-origin: 0 0;  }

}

@keyframes slide-up-in

{

   0% { transform:  rotate(1deg) translate(0px,100%); opacity: 0; transform-origin: 0 0;  }

   100% { opacity: 1; transform:  rotate(0deg) translate(0px,0px); transform-origin: 0 0;  }

}



@-webkit-keyframes transform-tada

{

   0% { -webkit-transform:  rotate(0deg);  }

   10% { -webkit-transform:  rotate(-3deg) scale(0.9,0.9);  }

   20% { -webkit-transform:  rotate(-3deg) scale(0.9,0.9);  }

   30% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }

   40% { -webkit-transform:  rotate(-3deg) scale(1.1,1.1);  }

   50% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }

   60% { -webkit-transform:  rotate(-3deg) scale(1.1,1.1);  }

   70% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }

   80% { -webkit-transform:  rotate(-3deg) scale(1.1,1.1);  }

   90% { -webkit-transform:  rotate(3deg) scale(1.1,1.1);  }

   100% { -webkit-transform:  rotate(0deg) scale(1.0,1.0);  }

}

@-moz-keyframes transform-tada

{

   0% { -moz-transform:  rotate(0deg);  }

   10% { -moz-transform:  rotate(-3deg) scale(0.9,0.9);  }

   20% { -moz-transform:  rotate(-3deg) scale(0.9,0.9);  }

   30% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }

   40% { -moz-transform:  rotate(-3deg) scale(1.1,1.1);  }

   50% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }

   60% { -moz-transform:  rotate(-3deg) scale(1.1,1.1);  }

   70% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }

   80% { -moz-transform:  rotate(-3deg) scale(1.1,1.1);  }

   90% { -moz-transform:  rotate(3deg) scale(1.1,1.1);  }

   100% { -moz-transform:  rotate(0deg) scale(1.0,1.0);  }

}

@-o-keyframes transform-tada

{

   0% { -o-transform:  rotate(0deg);  }

   10% { -o-transform:  rotate(-3deg) scale(0.9,0.9);  }

   20% { -o-transform:  rotate(-3deg) scale(0.9,0.9);  }

   30% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }

   40% { -o-transform:  rotate(-3deg) scale(1.1,1.1);  }

   50% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }

   60% { -o-transform:  rotate(-3deg) scale(1.1,1.1);  }

   70% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }

   80% { -o-transform:  rotate(-3deg) scale(1.1,1.1);  }

   90% { -o-transform:  rotate(3deg) scale(1.1,1.1);  }

   100% { -o-transform:  rotate(0deg) scale(1.0,1.0);  }

}

@-ms-keyframes transform-tada

{

   0% { -ms-transform:  rotate(0deg);  }

   10% { -ms-transform:  rotate(-3deg) scale(0.9,0.9);  }

   20% { -ms-transform:  rotate(-3deg) scale(0.9,0.9);  }

   30% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }

   40% { -ms-transform:  rotate(-3deg) scale(1.1,1.1);  }

   50% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }

   60% { -ms-transform:  rotate(-3deg) scale(1.1,1.1);  }

   70% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }

   80% { -ms-transform:  rotate(-3deg) scale(1.1,1.1);  }

   90% { -ms-transform:  rotate(3deg) scale(1.1,1.1);  }

   100% { -ms-transform:  rotate(0deg) scale(1.0,1.0);  }

}

@keyframes transform-tada

{

   0% { transform:  rotate(0deg);  }

   10% { transform:  rotate(-3deg) scale(0.9,0.9);  }

   20% { transform:  rotate(-3deg) scale(0.9,0.9);  }

   30% { transform:  rotate(3deg) scale(1.1,1.1);  }

   40% { transform:  rotate(-3deg) scale(1.1,1.1);  }

   50% { transform:  rotate(3deg) scale(1.1,1.1);  }

   60% { transform:  rotate(-3deg) scale(1.1,1.1);  }

   70% { transform:  rotate(3deg) scale(1.1,1.1);  }

   80% { transform:  rotate(-3deg) scale(1.1,1.1);  }

   90% { transform:  rotate(3deg) scale(1.1,1.1);  }

   100% { transform:  rotate(0deg) scale(1.0,1.0);  }

}



@-webkit-keyframes transform-rotate

{

   0% { -webkit-transform:  rotate(0deg);  }

   100% { -webkit-transform:  rotate(359deg);  }

}

@-moz-keyframes transform-rotate

{

   0% { -moz-transform:  rotate(0deg);  }

   100% { -moz-transform:  rotate(359deg);  }

}

@-o-keyframes transform-rotate

{

   0% { -o-transform:  rotate(0deg);  }

   100% { -o-transform:  rotate(359deg);  }

}

@-ms-keyframes transform-rotate

{

   0% { -ms-transform:  rotate(0deg);  }

   100% { -ms-transform:  rotate(359deg);  }

}

@keyframes transform-rotate

{

   0% { transform:  rotate(0deg);  }

   100% { transform:  rotate(359deg);  }

}

/*CAMBIOS A MOBILE EN DESKTOP*/

@media only screen and (min-width: 1px) and (max-width: 640px)  {

	.device-desktop{

	display: none;

	}



	.device-movil{

	display: block;

	}



/*hizmetler*/

.hizmetler{

	background-color: #6cf7a4;

    padding-top: 1px;

    padding-bottom: 25px;

}



.hizmetler:before {

    content: "HİZMETLERİMİZ";

    display: block;

    width: 100%;

    text-align: center;

    margin-bottom: 10px;

    padding: 15px 10px;

    margin-top: 10px;

    color: white;

    font-size: 30px;

    font-weight: 700;

}



.tit-serv{

	color: white;

	font-size: 18px;

}



.owl-prev {

	position: absolute;

    top: 42%;

    left: 20px;

}



.owl-next {

	position: absolute;

    top: 42%;

    right: 20px;

}



/*modeno*/

.modeno{

	background-color: #00acb7;

}

}



.menu-principal{

    background-color: transparent;

    height:

}



/*MENU DE NAVEGACION INTERACTIVO*/



.menu-item, .menu-open-button {

  background: #ac1f26;



  border-radius: 100%;

  width: 80px;

  height: 80px;

  margin-left: -40px;

  position: absolute;

  top: 20px;

  color: white;

  text-align: center;

  line-height: 80px;

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

  -webkit-transition: -webkit-transform ease-out 200ms;

  transition: -webkit-transform ease-out 200ms;

  transition: transform ease-out 200ms;

  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;

}



.menu-open {

  display: none;

}

.hamburger {

  width: 25px;

  height: 3px;

  background: white;

  display: block;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -12.5px;

  margin-top: -1.5px;

  -webkit-transition: -webkit-transform 200ms;

  transition: -webkit-transform 200ms;

  transition: transform 200ms;

  transition: transform 200ms, -webkit-transform 200ms;

}



.hamburger-1 {

  -webkit-transform: translate3d(0, -8px, 0);

          transform: translate3d(0, -8px, 0);

}



.hamburger-2 {

  -webkit-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}



.hamburger-3 {

  -webkit-transform: translate3d(0, 8px, 0);

          transform: translate3d(0, 8px, 0);

}



.menu-open:checked + .menu-open-button .hamburger-1 {

  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);

          transform: translate3d(0, 0, 0) rotate(45deg);

}

.menu-open:checked + .menu-open-button .hamburger-2 {

  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);

          transform: translate3d(0, 0, 0) scale(0.1, 1);

}

.menu-open:checked + .menu-open-button .hamburger-3 {

  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);

          transform: translate3d(0, 0, 0) rotate(-45deg);

}



.menu {

	position: fixed;    right: 1%;    top: 2%;    margin-right: 60px;    padding-top: 20px;    padding-left: 80px;    width: 650px;    box-sizing: border-box;    font-size: 20px;    text-align: right;    z-index: 50;

}



.menu-item:hover {

  background: white;

  color: #00bcd4;

}

.menu-item:nth-child(3) {

  -webkit-transition-duration: 180ms;

          transition-duration: 180ms;

}

.menu-item:nth-child(4) {

  -webkit-transition-duration: 180ms;

          transition-duration: 180ms;

}

.menu-item:nth-child(5) {

  -webkit-transition-duration: 180ms;

          transition-duration: 180ms;

}

.menu-item:nth-child(6) {

  -webkit-transition-duration: 180ms;

          transition-duration: 180ms;

}



.menu-open-button {

  z-index: 2;

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  -webkit-transition-duration: 400ms;

          transition-duration: 400ms;

  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);

          transform: scale(1.1, 1.1) translate3d(0, 0, 0);

  cursor: pointer;

}



.menu-open-button:hover {

  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);

          transform: scale(1.2, 1.2) translate3d(0, 0, 0);

}



.menu-open:checked + .menu-open-button {

  -webkit-transition-timing-function: linear;

          transition-timing-function: linear;

  -webkit-transition-duration: 200ms;

          transition-duration: 200ms;

  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);

          transform: scale(0.8, 0.8) translate3d(0, 0, 0);

}



.menu-open:checked ~ .menu-item {

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

}

.menu-open:checked ~ .menu-item:nth-child(3) {

  -webkit-transition-duration: 190ms;

          transition-duration: 190ms;

  -webkit-transform: translate3d(-110px, 0, 0);

          transform: translate3d(-110px, 0, 0);

}

.menu-open:checked ~ .menu-item:nth-child(4) {

  -webkit-transition-duration: 290ms;

          transition-duration: 290ms;

  -webkit-transform: translate3d(-220px, 0, 0);

          transform: translate3d(-220px, 0, 0);

}

.menu-open:checked ~ .menu-item:nth-child(5) {

  -webkit-transition-duration: 390ms;

          transition-duration: 390ms;

  -webkit-transform: translate3d(-330px, 0, 0);

          transform: translate3d(-330px, 0, 0);

}

.menu-open:checked ~ .menu-item:nth-child(6) {

  -webkit-transition-duration: 490ms;

          transition-duration: 490ms;

  -webkit-transform: translate3d(-440px, 0, 0);

          transform: translate3d(-440px, 0, 0);

}







.menu{

    animation: float_3116 2s linear infinite;

  transform-origin: 50% 50%;

}



@keyframes float_3116 {

  0% { transform: translateY(0) }

  50% { transform: translateY(-6px) }

  100% { transform: translateY(0) }

}





*{

    font-family: 'Lato', sans-serif;

}



.owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: -30px;

    position: absolute;

    left: 0;

    width: 100%;

}



.owl-theme .owl-dots .owl-dot span {

    margin: 5px 5px;

    padding: 7px;

}



.contenido-dinamico img{

    width: initial !important;

}



.contenido-dinamico {

    display: flex;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    align-items: center;

    align-content: center;

}



.separacion1 {

    align-self: center;

    float: left;

    width: 40%;

    height: 90%;

}



.separacion2 {

    align-self: center;

    float: left;

    width: 60%;

    height: 70%;

}



.owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: -30px;

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 1000;

}

.owl-carousel .owl-item {

    overflow: hidden;

}



/*ANIMACIONES*/



@-webkit-keyframes transform-rotate

{

   0% { -webkit-transform:  rotate(0deg);  }

   100% { -webkit-transform:  rotate(359deg);  }

}

@-moz-keyframes transform-rotate

{

   0% { -moz-transform:  rotate(0deg);  }

   100% { -moz-transform:  rotate(359deg);  }

}

@-o-keyframes transform-rotate

{

   0% { -o-transform:  rotate(0deg);  }

   100% { -o-transform:  rotate(359deg);  }

}

@-ms-keyframes transform-rotate

{

   0% { -ms-transform:  rotate(0deg);  }

   100% { -ms-transform:  rotate(359deg);  }

}

@keyframes transform-rotate

{

   0% { transform:  rotate(0deg);  }

   100% { transform:  rotate(359deg);  }

}



.slide1 .separacion2{    background-image: url(../img/sliders/slide1/ft.png);    background-position: center;    background-repeat: no-repeat;    background-size: 100%;}.slide2 .separacion2{  background-image: url(../img/sliders/slide2/ft.png);  background-position: center;  background-repeat: no-repeat;  background-size: 100%;}.slide3 .separacion2{  background-image: url(../img/sliders/slide3/ft.png);  background-position: center;  background-repeat: no-repeat;  background-size: 100%;}.slide4 .separacion2{  background-image: url(../img/sliders/slide4/ft.png);  background-position: center;  background-repeat: no-repeat;  background-size: 100%;}.slide5 .separacion2{  background-image: url(../img/sliders/slide5/ft.png);  background-position: center;  background-repeat: no-repeat;  background-size: 100%;  margin-bottom: -16%;}

.ft-rueda{

    margin: auto;

}



.owl-carousel .owl-item {



}





/*INICIO EFECTOS DE SLIDER*/



/*slide 1*/

.owl-item.active .item.slide1 .contenido-dinamico .ft-rueda{

    -webkit-animation: transform-rotate 1900ms linear 0ms infinite normal;

   -moz-animation: transform-rotate 1900ms linear 0ms infinite normal;

   animation: transform-rotate 1900ms linear 0ms infinite normal;

  width: 65% !important;

}



.owl-item.active .item.slide1 .contenido-dinamico .human1{

  float: left;

  width: 50% !important;

  margin-top: -48%;

  animation: bounceIn 1s linear 350ms 1 normal backwards, nube 1.5s ease-out 3.1s infinite normal backwards;

}



.owl-item.active .item.slide1 .contenido-dinamico .human2{

  float: left;

  width: 50% !important;

  margin-top: -48%;

  animation: bounceIn 1s linear 550ms 1 normal backwards, nube 1.5s ease-out 3.1s infinite normal backwards;

}



.owl-item.active .item.slide1 .contenido-dinamico .o1{

  float: left;

    width: 8% !important;

    margin-top: -8%;

    animation: bounceIn 850ms linear 2s 4 normal backwards;

    margin-left: 31%;

}



.owl-item.active .item.slide1 .contenido-dinamico .o2{

  float: right;

    width: 8% !important;

    margin-top: -8%;

    animation: bounceIn 850ms linear 2.2s 4 normal backwards;

    margin-right: 31%;

}



.owl-item.active .item.slide1 .contenido-dinamico .o3{

  float: left;

  width: 15% !important;

  margin-top: -5%;

  animation: opacidad 350ms linear 2.5s 1 normal backwards, swing 850ms linear 3.2s infinite normal backwards;

  margin-left: 42.5%;

}



.owl-item.active .item.slide1 .contenido-dinamico .o4{

  float: left;

    width: 88% !important;

    margin-top: -64%;

    animation: opacidad 400ms linear 3s 1 normal backwards, rubberBand 850ms linear 3s 1 normal backwards;

    margin-left: 9%;

}



.owl-item.active .item.slide1 .contenido-dinamico .o5{

  float: left;

    width: 8% !important;

    margin-top: -66%;

    animation: bounceIn 850ms linear 3.3s 2 normal backwards;

    margin-left: 31%;

}



.owl-item.active .item.slide1 .contenido-dinamico .o6{

  float: right;

    width: 8% !important;

    margin-top: -66%;

    animation: bounceIn 850ms linear 3.5s 2 normal backwards;

    margin-right: 31%;

}



.owl-item.active .item.slide1 .contenido-dinamico .o7{

  float: left;

    width: 8% !important;

    margin-top: -71%;

    animation: bounceIn 850ms linear 3.7s 2 normal backwards;

    margin-left: 46%;

}



/*slide ----4*/

.owl-item.active .item.slide4 .contenido-dinamico .o1{

  position: absolute;

    bottom: -6px;

margin-left: 25%;

width: 9% !important;

-webkit-animation: fadeInUp 800ms ease 550ms 1 backwards;

-moz-animation: fadeInUp 800ms ease 550ms 1 backwards;

animation: fadeInUp 800ms ease 550ms 1 backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o2{

  width: 56% !important;

    margin: auto;

    margin-top: 6%;

    -webkit-animation: opacidad 350ms linear 1s 3 normal backwards;

    -moz-animation: opacidad 350ms linear 1s 3 normal backwards;

    animation: opacidad 350ms linear 1s 3 normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o3{

  position: absolute;

    bottom: 30%;

    width: 7% !important;

    margin-left: 13%;

    -webkit-animation: bounceIn 250ms linear 1.1s 1 normal backwards, tada 2.5s linear 3s infinite normal backwards;

    -moz-animation: bounceIn 250ms linear 1.1s 1 normal backwards, tada 2.5s linear 3s infinite normal backwards;

    animation: bounceIn 250ms linear 1.1s 1 normal backwards, tada 2.5s linear 3s infinite normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o4{

  position: absolute;

    width: 10% !important;

    bottom: 31%;

    right: 16%;

    -webkit-animation: bounceIn 250ms linear 1.4s 1 normal backwards, tada 2.5s linear 3.2s infinite normal backwards;

    -moz-animation: bounceIn 250ms linear 1.4s 1 normal backwards, tada 2.5s linear 3.2s infinite normal backwards;

    animation: bounceIn 250ms linear 1.4s 1 normal backwards, tada 2.5s linear 3.2s infinite normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o5{

  position: absolute;

top: 33%;

width: 11% !important;

margin-left: 10%;

-webkit-animation: bounceIn 250ms linear 1.7s 1 normal backwards, tada 2.5s linear 3.4s infinite normal backwards;

-moz-animation: bounceIn 250ms linear 1.7s 1 normal backwards, tada 2.5s linear 3.4s infinite normal backwards;

animation: bounceIn 250ms linear 1.7s 1 normal backwards, tada 2.5s linear 3.4s infinite normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o6{

  position: absolute;

top: 18%;

width: 8% !important;

margin-left: 22%;

-webkit-animation: bounceIn 250ms linear 2s 1 normal backwards, tada 2.5s linear 3.6s infinite normal backwards;

-moz-animation: bounceIn 250ms linear 2s 1 normal backwards, tada 2.5s linear 3.6s infinite normal backwards;

animation: bounceIn 250ms linear 2s 1 normal backwards, tada 2.5s linear 3.6s infinite normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o7{

  position: absolute;

top: 19%;

right: 20%;

width: 9% !important;

-webkit-animation: bounceIn 250ms linear 2.3s 1 normal backwards, tada 2.5s linear 3.8s infinite normal backwards;;

-moz-animation: bounceIn 250ms linear 2.3s 1 normal backwards, tada 2.5s linear 3.8s infinite normal backwards;;

animation: bounceIn 250ms linear 2.3s 1 normal backwards, tada 2.5s linear 3.8s infinite normal backwards;;



}



.owl-item.active .item.slide4 .contenido-dinamico .o8{

  position: absolute;

      top: 24%;

      right: 11%;

      width: 9% !important;

      -webkit-animation: bounceIn 250ms linear 2.6s 1 normal backwards, tada 2.5s linear 4s infinite normal backwards;

      -moz-animation: bounceIn 250ms linear 2.6s 1 normal backwards, tada 2.5s linear 4s infinite normal backwards;

      animation: bounceIn 250ms linear 2.6s 1 normal backwards, tada 2.5s linear 4s infinite normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o9{

  position: absolute;

      top: 42%;

      margin-left: 16%;

      width: 16% !important;

      -webkit-animation: opacidad 350ms linear 2.5s 1 normal backwards, flipInX 1s linear 3.5s 1 normal backwards;

      -moz-animation: opacidad 350ms linear 2.5s 1 normal backwards, flipInX 1s linear 3.5s 1 normal backwards;

      animation: opacidad 350ms linear 2.5s 1 normal backwards, flipInX 1s linear 3.5s 1 normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o10{

  position: absolute;

top: 31%;

width: 9% !important;

margin-left: 27%;

-webkit-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;

-moz-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;

animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;

}



.owl-item.active .item.slide4 .contenido-dinamico .o11{

  position: absolute;

    top: 13%;

    width: 9.5% !important;

    margin-left: 12.5%;

    -webkit-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;

-moz-animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;

animation: opacidad 350ms linear 2.5s 1 normal backwards, pulse 2s linear 3.5s infinite normal backwards;

}



/*slide 3*/

.owl-item.active .item.slide3 .contenido-dinamico .o1{

  position: absolute;

  top: 10%;

  margin-left: 13%;

  width: 42% !important;

  -webkit-animation: pulse 550ms linear 1.8s infinite normal backwards, bounceInDown 550ms linear 1.2s 1 normal backwards;

  -moz-animation: pulse 550ms linear 1.8s infinite normal backwards, bounceInDown 550ms linear 1.2s 1 normal backwards;

  animation: pulse 550ms linear 1.8s infinite normal backwards, bounceInDown 550ms linear 1.2s 1 normal backwards;

}



.owl-item.active .item.slide3 .contenido-dinamico .o2{

  position: absolute;

      right: 4%;

      top: 40%;

      width: 14% !important;

      -webkit-animation: bounceIRight 550ms linear 1.7s 1 normal backwards;

      -moz-animation: bounceInRight 550ms linear 1.7s 1 normal backwards;

      animation: bounceInRight 550ms linear 1.7s 1 normal backwards;

}



.owl-item.active .item.slide3 .contenido-dinamico .o3{

  position: absolute;

      right: 6.9%;

      top: 47%;

      width: 1.5% !important;

      -webkit-animation: rotaizq 2s linear 1.85s infinite normal backwards, bounceIRight 550ms linear 1.7s 1 normal backwards;

      -moz-animation: rotaizq 2s linear 1.85s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;

      animation: rotaizq 2s linear 1.85s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;

}



.owl-item.active .item.slide3 .contenido-dinamico .o4{

  position: absolute;

  right: 5.3%;

  top: 48.2%;

  width: 2% !important;

  -webkit-animation: rotader 2s linear 1.95s infinite normal backwards, bounceIRight 550ms linear 1.7s 1 normal backwards;

  -moz-animation: rotader 2s linear 1.95s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;

  animation: rotader 2s linear 1.95s infinite normal backwards, bounceInRight 550ms linear 1.7s 1 normal backwards;

}



.owl-item.active .item.slide3 .contenido-dinamico .o5{

  position: absolute;

  top: 43%;

  width: 8% !important;

  margin-left: 3%;

  -webkit-animation: swing 2s linear 1.85s infinite normal backwards, bounceILeft 550ms linear 1.7s 1 normal backwards;

  -moz-animation: swing 2s linear 1.85s infinite normal backwards, bounceInLeft 550ms linear 1.7s 1 normal backwards;

  animation: swing 2s linear 1.85s infinite normal backwards, bounceInLeft 550ms linear 1.7s 1 normal backwards;

}



.owl-item.active .item.slide3 .contenido-dinamico .o6{

  position: absolute;

  margin-left: 21%;

  top: 7%;

  width: 10% !important;

  -webkit-animation: swing 2s linear 1.85s infinite normal backwards, bounceIDown 550ms linear 1.7s 1 normal backwards;

  -moz-animation: swing 2s linear 1.85s infinite normal backwards, bounceInDown 550ms linear 1.7s 1 normal backwards;

  animation: swing 2s linear 1.85s infinite normal backwards, bounceInDown 550ms linear 1.7s 1 normal backwards;

}



.owl-item.active .item.slide3 .contenido-dinamico .o7{

  position: absolute;

  top: 4%;

  width: 51% !important;

  margin-left: -0.5%;

  -webkit-animation: pulse 550ms linear 1.9s infinite normal backwards;

  -moz-animation: pulse 550ms linear 1.9s infinite normal backwards;

  animation: pulse 550ms linear 1.9s infinite normal backwards;

}



/*slide 5-----*/

.owl-item.active .item.slide5 .contenido-dinamico .o1{

  position: absolute;

 width: 33% !important;

 margin-left: 6%;

 top: 38%;

 animation: fadeInRight 300ms linear 1.2s 1 normal backwards;

 -moz-animation: fadeInRight 300ms linear 1.2s 1 normal backwards;

 -webkit-animation: fadeInRight 300ms linear 1.2s 1 normal backwards;

}



.owl-item.active .item.slide5 .contenido-dinamico .o2{

  position: absolute;

width: 12% !important;

margin-left: 16%;

top: 15%;

animation: opacidad 800ms linear 1.6s 1 normal backwards, nubemayor 1s linear 1.7s infinite normal backwards;

-moz-animation: opacidad 800ms linear 1.6s 1 normal backwards, nubemayor 1s linear 1.7s infinite normal backwards;

-webkit-animation: opacidad 800ms linear 1.6s 1 normal backwards, nubemayor 1s linear 1.7s infinite normal backwards;

}



.owl-item.active .item.slide5 .contenido-dinamico .o3{

  position: absolute;

top: 17%;

width: 25% !important;

right: 12%;

animation: zoomInLeft 1800ms linear 1.7s infinite normal backwards;

-moz-animation: zoomInLeft 1800ms linear 1.7s infinite normal backwards;

-webkit-animation: zoomInLeft 1800ms linear 1.7s infinite normal backwards;

}



.owl-item.active .item.slide5 .contenido-dinamico .o4{

  position: absolute;

right: 6%;

bottom: 0;

width: 14% !important;

animation: bounceInUp 800ms linear 1.2s 1 normal backwards;

-moz-animation: bounceInUp 800ms linear 1.2s 1 normal backwards;

-webkit-animation: bounceInUp 800ms linear 1.2s 1 normal backwards;

}



/*slide 2-------*/

.owl-item.active .item.slide2 .contenido-dinamico .o1{

  position: absolute;

  margin: auto;

  margin-left: 12%;

  width: 35% !important;

  animation: rotaizq 11s linear 250ms infinite normal backwards;

  -moz-animation: rotaizq 11s linear 250ms infinite normal backwards;

  -webkit-animation: rotaizq 11s linear 250ms infinite normal backwards;

}



.owl-item.active .item.slide2 .contenido-dinamico .o2{

  position: absolute;

  width: 35% !important;

  margin: auto;

  margin-left: 12%;

  margin-top: -1%;

  animation: flash 500ms linear 4.8s 1 normal backwards, flash 500ms linear 1s 1 normal backwards;

  -moz-animation: flash 500ms linear 4.8s 1 normal backwards, flash 500ms linear 1s 1 normal backwards;

  -webkit-animation: flash 500ms linear 4.8s 1 normal backwards, flash 500ms linear 1s 1 normal backwards;

}

/*slide 2*/

/*FIN DE EFECTOS DE SLIDER*/





@keyframes opacidad {

  0%{opacity: 0};

  100%{opacity: 1}

}



@keyframes nube {

  0% { transform: translateY(0) }

  50% { transform: translateY(-3px) }

  100% { transform: translateY(0) }

}



@keyframes nubemayor {

  0% { transform: translateY(0) }

  50% { transform: translateY(-10px) }

  100% { transform: translateY(0) }

}



@keyframes rotader {

  0% { transform: rotate(45deg);}

  50% { transform: rotate(180deg);}

  100% { transform: rotate(360deg);}

}





@keyframes rotaizq {

  0% { transform: rotate(-45deg);}

  50% { transform: rotate(-180deg);}

  100% { transform: rotate(-360deg);}

}







.oz{

  z-index: 90;

}







.oz:hover{

  transform: scale(1.1);

  cursor: pointer;

  transition: all ease 150ms;

}



.owl-item.active .item .tit-slide{

  width: 80%;

    color: white;

    font-size: 55px;

    text-align: left;

    line-height: 1;

    margin: auto;

    margin-top: 43%;

    -webkit-animation: fadeInLeft 1500ms ease 400ms 1 backwards;

    -moz-animation: fadeInLeft 1500ms ease 400ms 1 backwards;

    animation: fadeInLeft 1500ms ease 400ms 1 backwards;

}



.owl-item.active .item .tit-desc{

  width: 80%;

    margin: auto;

    color: white;

    font-size: 28px!important;

    margin-top: 2%;

    -webkit-animation: fadeInLeft 1500ms ease 450ms 1 backwards;

    -moz-animation: fadeInLeft 1500ms ease 450ms 1 backwards;

    animation: fadeInLeft 1500ms ease 450ms 1 backwards;

    font-size: 20px!important;

}



.more-slide{

  width: 80%;

margin: auto;

margin-top: 2%;

}



.owl-item.active .item .more-slide img{

  width: 64% !important;

margin-top: 3%;

/*cursor: pointer;*/

-webkit-animation: fadeInUp 1500ms ease 500ms 1 backwards;

-moz-animation: fadeInUp 1500ms ease 500ms 1 backwards;

animation: fadeInUp 1500ms ease 500ms 1 backwards;

}



.more-slide img:hover{

  transform: scale(1.1);

  transition: all ease 250ms;

}



.owl-item.active .item .logo-slide{

  position: absolute;

top: 7%;

left: 2%;

width: 15% !important;

  -webkit-animation: flipInX 850ms ease 250ms 1 backwards;

  -moz-animation: flipInX 850ms ease 250ms 1 backwards;

  animation: flipInX 850ms ease 250ms 1 backwards;

}





.owl-stage-outer{

height: 100vh;

}



.owl-stage{

height: 100vh;

}



img.fondo {

    height: 100vh;

}



p.texto-izq.dd-hizmetler {

	max-height: 290px;

	overflow-y: auto;

}



.caja.s-6.mk {

	margin-left: 38%;

}



.marka-desk{

	    background-color: rgb(255, 188, 0);

}



.marka-desk .tit-marka{

	color: white;

font-size: 44px;

font-weight: 700;

margin-bottom: 15px;





text-transform: uppercase;

text-align: center;

}



.marka-desk .descrip-marka{

	color: white;

    margin: auto;

    width: 80%;

    margin-bottom: 30px;

    font-size: 17px;

}



.personal .caja.s-4:nth-child(1){

  background-color: #E0D94D;

}

.personal .caja.s-4:nth-child(2){

  background-color: #6FBA47;

}

.personal .caja.s-4:nth-child(3){

  background-color: #50BFE2;

}

.personal .caja.s-4:nth-child(4){

  background-color: #A770E0;

}

.personal .caja.s-4:nth-child(5){

  background-color: #6FBA47;

}

.personal .caja.s-4:nth-child(6){

  background-color: #DADD72;

}

.personal .caja.s-4:nth-child(7){

  background-color: #ac1f26;

}

.personal .caja.s-4:nth-child(8){

  background-color: #E0D94D;

}

.personal .caja.s-4:nth-child(9){

  background-color: #8560BF;

}

.personal .caja.s-4:nth-child(10){

  background-color: #6FBA47;

}

.personal .caja.s-4:nth-child(11){

  background-color: #50BFE2;

}

.personal .caja.s-4:nth-child(12){

  background-color: #A770E0;

}



.personal .caja.s-4 img{

	margin-bottom: -5px;

}



div.personal{

	position: relative;

min-height: 55vh;

}



.caja.describeme{

	position: absolute;

    width: 100%;

    height: 475px;

    top: 0;

    left: 0;

    display: none;

    padding-top: 2%;

}



.cerrando-p{

	position: absolute;

    top: 2%;

    right: 2%;

    width: 40px;

    height: 40px;

    cursor: pointer;

    font-size: 40px;

    color: white;

    text-align: center;

}



.describeme .hidden {

    display: block;

    text-align: center;

    width: 42%;

    float: right;

    height: 100%;

    vertical-align: middle;

    padding-top: 2%;

    color: white;

    margin-right: 8%;

}



.describeme .hidden h4{

  margin-top: 50px;

	font-size: 30px;

  color: white;

}



.describeme .hidden p{

    color: white;

    font-size: 21px;

}



.describeme img{

	float: left;

    max-width: 400px;

    margin-left: 8%;

}



.realcontiene-hizmetler {

    position: absolute;

    width: 42%;

    height: 42%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    padding: 2%;

}



.realcontiene-hizmetler h3{

	margin-top: 38%;

font-size: 22px;

text-transform: uppercase;

padding: 0;

margin-bottom: 4px;

transform: translateY(-50%);

color: #ac1f26;

}



.realcontiene-hizmetler span{

	font-size: 17px;

font-style: italic;

}



.menu-open:checked ~ .menu-item:nth-child(7) {

    -webkit-transition-duration: 490ms;

    transition-duration: 490ms;

    -webkit-transform: translate3d(-550px, 0, 0);

    transform: translate3d(-550px, 0, 0);

}





.menu-open:checked ~ .menu-item:nth-child(8) {

    -webkit-transition-duration: 490ms;

    transition-duration: 490ms;

    -webkit-transform: translate3d(-660px, 0, 0);

    transform: translate3d(-660px, 0, 0);

}



.menu-open:checked ~ .menu-item i:before{

color: white;

}



.menu-open:checked ~ .menu-item:hover i:before{

color: #9C27B0;

}





.modeno-desk.active .descripciones h3{

	-webkit-animation: fadeInDown 1s ease 850ms 1 backwards;

	-moz-animation: fadeInDown 1s ease 850ms 1 backwards;

	animation: fadeInDown 1s ease 850ms 1 backwards;

}



.modeno-desk.active .descripciones p{

	-webkit-animation: fadeInDown 1.2s ease 900ms 1 backwards;

	-moz-animation: fadeInDown 1.2s ease 900ms 1 backwards;

	animation: fadeInDown 1.2s ease 900ms 1 backwards;

}



.modeno-desk.active .descripciones a{

	-webkit-animation: fadeInUp 1s ease 950ms 1 backwards;

	-moz-animation: fadeInUp 1s ease 950ms 1 backwards;

	animation: fadeInUp 1s ease 950ms 1 backwards;

}



.modeno-desk.active .control-fondo{

	-webkit-animation: flipInY 2.5s ease 950ms 1 backwards;

	-moz-animation: flipInY 2.5s ease 950ms 1 backwards;

	animation: flipInY 2.5s ease 950ms 1 backwards;

}



.marka-desk.active .tit-marka{

	-webkit-animation: bounceInDown 1.2s ease 900ms 1 backwards;

	-moz-animation: bounceInDown 1.2s ease 900ms 1 backwards;

	animation: bounceInDown 1.2s ease 900ms 1 backwards;

}



.tit-modeno{



	-webkit-animation: bounceInDown 1.2s ease 900ms 1 backwards;



	-moz-animation: bounceInDown 1.2s ease 900ms 1 backwards;



	animation: bounceInDown 1.2s ease 900ms 1 backwards;



}





.marka-desk.active .descrip-marka{

	-webkit-animation: bounceInLeft 1.2s ease 930ms 1 backwards;

	-moz-animation: bounceInLeft 1.2s ease 930ms 1 backwards;

	animation: bounceInLeft 1.2s ease 930ms 1 backwards;

}



.marka-desk.active  .personal .caja.s-4{

	cursor: pointer;

}



.marka-desk.active  .personal .caja.s-4:nth-child(2) {

	-webkit-animation: fadeIn 850ms ease 1.3s 1 backwards;

	-moz-animation: fadeIn 850ms ease 1.3s 1 backwards;

	animation: fadeIn 850ms ease 1.3s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(3) {

	-webkit-animation: fadeIn 850ms ease 1.5s 1 backwards;

	-moz-animation: fadeIn 850ms ease 1.5s 1 backwards;

	animation: fadeIn 850ms ease 1.5s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(4) {

	-webkit-animation: fadeIn 850ms ease 1.7s 1 backwards;

	-moz-animation: fadeIn 850ms ease 1.7s 1 backwards;

	animation: fadeIn 850ms ease 1.7s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(5) {

	-webkit-animation: fadeIn 850ms ease 1.9s 1 backwards;

	-moz-animation: fadeIn 850ms ease 1.9s 1 backwards;

	animation: fadeIn 850ms ease 1.9s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(6) {

	-webkit-animation: fadeIn 850ms ease 2.1s 1 backwards;

	-moz-animation: fadeIn 850ms ease 2.1s 1 backwards;

	animation: fadeIn 850ms ease 2.1s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(7) {

	-webkit-animation: fadeIn 850ms ease 2.3s 1 backwards;

	-moz-animation: fadeIn 850ms ease 2.3s 1 backwards;

	animation: fadeIn 850ms ease 2.3s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(8) {

	-webkit-animation: fadeIn 850ms ease 2.5s 1 backwards;

	-moz-animation: fadeIn 850ms ease 2.5s 1 backwards;

	animation: fadeIn 850ms ease 2.5s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(9) {

	-webkit-animation: fadeIn 850ms ease 2.7s 1 backwards;

	-moz-animation: fadeIn 850ms ease 2.7s 1 backwards;

	animation: fadeIn 850ms ease 2.7s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(10) {

	-webkit-animation: fadeIn 850ms ease 2.9s 1 backwards;

	-moz-animation: fadeIn 850ms ease 2.9s 1 backwards;

	animation: fadeIn 850ms ease 2.9s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(11) {

	-webkit-animation: fadeIn 850ms ease 3.1s 1 backwards;

	-moz-animation: fadeIn 850ms ease 3.1s 1 backwards;

	animation: fadeIn 850ms ease 3.1s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(12) {

	-webkit-animation: fadeIn 850ms ease 3.3s 1 backwards;

	-moz-animation: fadeIn 850ms ease 3.3s 1 backwards;

	animation: fadeIn 850ms ease 3.3s 1 backwards;

}



.marka-desk.active  .personal .caja.s-4:nth-child(13) {

	-webkit-animation: fadeIn 850ms ease 3.5s 1 backwards;

	-moz-animation: fadeIn 850ms ease 3.5s 1 backwards;

	animation: fadeIn 850ms ease 3.5s 1 backwards;

}



.iletisim-desk.active .form-iletisim{

	-webkit-animation: flipInX 1.2s ease 900ms 1 backwards;

	-moz-animation: flipInX 1.2s ease 900ms 1 backwards;

	animation: flipInX 1.2s ease 900ms 1 backwards;

}



.iletisim-desk.active .tit-iletisim{

	-webkit-animation: fadeInRight 1.2s ease 1s 1 backwards;

	-moz-animation: fadeInRight 1.2s ease 1s 1 backwards;

	animation: fadeInRight 1.2s ease 1s 1 backwards;

}



.iletisim-desk.active .describe{

	-webkit-animation: fadeInRight 1.2s ease 1.4s 1 backwards;

	-moz-animation: fadeInRight 1.2s ease 1.4s 1 backwards;

	animation: fadeInRight 1.2s ease 1.4s 1 backwards;

}



.iletisim-desk.active .refer-iletisim{

	-webkit-animation: fadeInRight 1.2s ease 1.8s 1 backwards;

	-moz-animation: fadeInRight 1.2s ease 1.8s 1 backwards;

	animation: fadeInRight 1.2s ease 1.8s 1 backwards;

}





.iletisim-desk.active{

	background-image: url(../img/iletisim.jpg);

background-position: top;

background-repeat: no-repeat;

background-size: 100% 88%;

min-height: 450px;

padding-top: 50px;

padding-bottom: 50px;

background-color: #cd5b51;

}





/*AVANZADOOOOOOOOOOOOOOOOOO*/





/*_____----____---___--__-_____  INICIO MODO DESARROLLO   _____-__--___---____----_____*/

/*CONTENEDORES*/

body.desarrollo .contenedor {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-full {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-320 {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-480 {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-640 {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-960 {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-1366 {

    background-color: #f1f1ff;

    border: 2px solid #C3C3DE;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-320::before {

    content: "Contenedor-320 (max-width: 320px)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}



body.desarrollo .contenedor-480::before {

    content: "Contenedor-480 (max-width: 480px)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}



body.desarrollo .contenedor-640::before {

    content: "Contenedor-640 (max-width: 640px)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}



body.desarrollo .contenedor-960::before {

    content: "Contenedor-960 (max-width: 960px)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}



body.desarrollo .contenedor-1366::before {

    content: "Contenedor-1366 (max-width: 1366px)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}



body.desarrollo .contenedor::before {

    content: "Contenedor NORMAL (max-width: 960px)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}



body.desarrollo .contenedor-full::before {

    content: "Contenedor-full (width: 100%)";

    background-color: #d7d7e0;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #c3c3dc;

    color: #6363e0;

    display: block;

}

/*GRUPOS*/

body.desarrollo .contenedor .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-full .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-320 .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-480 .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-640 .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-960 .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-1366 .grupo {

    background-color: #ffefe4;

    border: 2px solid #fbdac3;

    padding: 0px 0px 10px 0px;

    margin: 5px;

}



body.desarrollo .contenedor-320 .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



body.desarrollo .contenedor-480 .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



body.desarrollo .contenedor-640 .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



body.desarrollo .contenedor-960 .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



body.desarrollo .contenedor-1366 .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



body.desarrollo .contenedor .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



body.desarrollo .contenedor-full .grupo::before {

    content: "GRUPO";

    background-color: #f9e7db;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #fbdac3;

    color: #e8a372;

    display: block;

}



/*CAJAS*/

body.desarrollo .contenedor .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-full .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-320 .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-480 .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-640 .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-960 .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-1366 .caja {

    background-color: #dffbd9;

    border: 2px solid #cdfbc4;

    padding: 0px 0px 10px 0px;

}



body.desarrollo .contenedor-320 .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



body.desarrollo .contenedor-480 .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



body.desarrollo .contenedor-640 .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



body.desarrollo .contenedor-960 .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



body.desarrollo .contenedor-1366 .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



body.desarrollo .contenedor .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



body.desarrollo .contenedor-full .caja::before {

    content: "CAJA";

    background-color: #c4f1bc;

    width: 100%;

    text-align: center;

    padding: 2px;

    margin: 0;

    margin-bottom: 10px;

    border-bottom: 2px solid #cdfbc4;

    color: #74d462;

    display: block;

}



.limpiado{

	clear: both;

}



.invercuadro{

	width: 100px;

	height: 100px;

	margin: auto;

	transform: rotate(45deg);

	margin-top: 30px;

	margin-bottom: -55px;

	overflow: hidden;

	cursor: pointer;

  text-align: center!important;

  padding-right: 10px!important;

}

.invercuadro img{

  width: 200px!important;

}



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

	.margeado-izq10{

		margin-left: 10%;

	}

}



.efecto-encima {

    /*transition: all ease 250ms;

    position: absolute;

    content: "";

    width: 0px;

    height: 0px;

    top: 0;

    background-color: rgba(0, 0, 0, 0.18);

    transform: translate(-100%, 100%);

    left: 0;*/

}



.f-verde{

	background-color: #51AE32;

}

.f-celeste{

    background-color: #50BBDE;

}

.f-mostaza{

    background-color: #ffbc02;

}

.f-morado{

    background-color: #8160BB;

}

.f-red{

    background-color: #E73C70;

}



/*.invercuadro:hover .efecto-encima{

	transform: translateY(0%);

	width: 100%;

    height: 100%;

    z-index: 30;

}*/







.logo-servi {

    transform: rotate(-45deg);

    margin-top: 15px;

    margin-left: 5px;


    /*transition: all linear .5s;*/

}

/*.logo-servi:hover{

    filter: grayscale(0);

}*/



.menu-redes{	position: absolute;

  top: 55px;	z-index: 9999;	right: 150px;}



.menu-redes2{



	position: absolute;

    z-index: 9999;

    right: 48%;

    bottom: 150px;

    margin: 0 auto;



}

.lista-redes{	margin: 0;padding: 0;list-style-type: none;}.lista-redes__items{	display: inline;}.fa{	color: white !important;

}



.tit-modeno {

	color: white;

	font-size: 44px;

	font-weight: 700;

	padding-bottom: 50px;



	text-transform: uppercase;

	text-align: center;

	padding-top: 100px;

}



/*_____----____---___--__-_____  FIN MODO DESARROLLO   _____-__--___---____----_____*/



/*_____----____---___--__-_____  QUERYS DE ANCHURA  _____-__--___---____----_____*/

@media screen and (min-width:320px){

    .s-1    {width: 8.33333%;}

    .s-1-1  {width: 9.16666%;}

    .s-1-2  {width: 10.00000%;}

    .s-1-3  {width: 10.83333%;}

    .s-1-4  {width: 11.66666%;}

    .s-1-5  {width: 12.50000%;}

    .s-1-6  {width: 13.33333%;}

    .s-1-7  {width: 14.16666%;}

    .s-1-8  {width: 14.99999%;}

    .s-1-9  {width: 15.83333%;}

    .s-2    {width: 16.66667%;}

    .s-2-1  {width: 17.49999%;}

    .s-2-2  {width: 18.33333%;}

    .s-2-3  {width: 19.16666%;}

    .s-2-4  {width: 19.99999%;}

	.s-2-5  {width: 20.83333%;}

	.s-2-6  {width: 21.66666%;}

	.s-2-7  {width: 22.49999%;}

	.s-2-8  {width: 23.33332%;}

	.s-2-9  {width: 24.16666%;}

    .s-3    {width: 25%;}

    .s-3-1  {width: 25.83332%;}

    .s-3-2  {width: 26.66666%;}

    .s-3-3  {width: 27.49999%;}

    .s-3-4  {width: 28.33332%;}

	.s-3-5  {width: 29.16666%;}

	.s-3-6  {width: 29.99999%;}

	.s-3-7  {width: 30.83332%;}

	.s-3-8  {width: 31.66665%;}

	.s-3-9  {width: 32.49999%;}

    .s-4    {width: 33.33333%;}

    .s-4-1  {width: 34.16665%;}

    .s-4-2  {width: 34.99999%;}

    .s-4-3  {width: 35.83332%;}

    .s-4-4  {width: 36.66665%;}

	.s-4-5  {width: 37.49999%;}

	.s-4-6  {width: 38.33332%;}

	.s-4-7  {width: 39.16665%;}

	.s-4-8  {width: 39.99998%;}

	.s-4-9  {width: 40.83332%;}

    .s-5    {width: 41.66667%;}

    .s-5-1  {width: 42.49998%;}

    .s-5-2  {width: 43.33332%;}

    .s-5-3  {width: 44.16665%;}

    .s-5-4  {width: 44.99998%;}

	.s-5-5  {width: 45.83332%;}

	.s-5-6  {width: 46.66665%;}

	.s-5-7  {width: 47.49998%;}

	.s-5-8  {width: 48.33331%;}

	.s-5-9  {width: 49.16665%;}

    .s-6    {width: 50%;}

    .s-6-1  {width: 50.83331%;}

    .s-6-2  {width: 51.66665%;}

    .s-6-3  {width: 52.49998%;}

    .s-6-4  {width: 53.33331%;}

	.s-6-5  {width: 54.16665%;}

	.s-6-6  {width: 54.99998%;}

	.s-6-7  {width: 55.83331%;}

	.s-6-8  {width: 56.66664%;}

	.s-6-9  {width: 57.49998%;}

    .s-7    {width: 58.33333%;}

    .s-7-1  {width: 59.16664%;}

    .s-7-2  {width: 59.99998%;}

    .s-7-3  {width: 60.83331%;}

    .s-7-4  {width: 61.66664%;}

	.s-7-5  {width: 62.49998%;}

	.s-7-6  {width: 63.33331%;}

	.s-7-7  {width: 64.16664%;}

	.s-7-8  {width: 64.99997%;}

	.s-7-9  {width: 65.83331%;}

    .s-8    {width: 66.66667%;}

    .s-8-1  {width: 67.49997%;}

    .s-8-2  {width: 68.33331%;}

    .s-8-3  {width: 69.16664%;}

    .s-8-4  {width: 69.99997%;}

	.s-8-5  {width: 70.83331%;}

	.s-8-6  {width: 71.66664%;}

	.s-8-7  {width: 72.49997%;}

	.s-8-8  {width: 73.33330%;}

	.s-8-9  {width: 74.16664%;}

    .s-9    {width: 75%;}

    .s-9-1  {width: 75.83330%;}

    .s-9-2  {width: 76.66664%;}

    .s-9-3  {width: 77.49997%;}

    .s-9-4  {width: 78.33330%;}

	.s-9-5  {width: 79.16664%;}

	.s-9-6  {width: 79.99997%;}

	.s-9-7  {width: 80.83330%;}

	.s-9-8  {width: 81.66663%;}

	.s-9-9  {width: 82.49997%;}

    .s-10   {width: 83.33333%;}

    .s-10-1 {width: 84.16663%;}

    .s-10-2 {width: 84.99997%;}

    .s-10-3 {width: 85.83330%;}

    .s-10-4 {width: 86.66663%;}

	.s-10-5 {width: 87.49997%;}

	.s-10-6 {width: 88.33330%;}

	.s-10-7 {width: 89.16663%;}

	.s-10-8 {width: 89.99996%;}

	.s-10-9 {width: 90.83330%;}

    .s-11   {width: 91.66667%;}

    .s-11-1 {width: 92.49996%;}

    .s-11-2 {width: 93.33330%;}

    .s-11-3 {width: 94.16629%;}

    .s-11-4 {width: 94.99996%;}

	.s-11-5 {width: 95.83330%;}

	.s-11-6 {width: 96.66663%;}

	.s-11-7 {width: 97.49996%;}

	.s-11-8 {width: 98.33329%;}

	.s-11-9 {width: 99.16663%;}

    .s-12   {width: 100%;}

}



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

    .m-1    {width: 8.33333%;}

    .m-1-1  {width: 9.16666%;}

    .m-1-2  {width: 10.00000%;}

    .m-1-3  {width: 10.83333%;}

    .m-1-4  {width: 11.66666%;}

    .m-1-5  {width: 12.50000%;}

    .m-1-6  {width: 13.33333%;}

    .m-1-7  {width: 14.16666%;}

    .m-1-8  {width: 14.99999%;}

    .m-1-9  {width: 15.83333%;}

    .m-2    {width: 16.66667%;}

    .m-2-1  {width: 17.49999%;}

    .m-2-2  {width: 18.33333%;}

    .m-2-3  {width: 19.16666%;}

    .m-2-4  {width: 19.99999%;}

	.m-2-5  {width: 20.83333%;}

	.m-2-6  {width: 21.66666%;}

	.m-2-7  {width: 22.49999%;}

	.m-2-8  {width: 23.33332%;}

	.m-2-9  {width: 24.16666%;}

    .m-3    {width: 25%;}

    .m-3-1  {width: 25.83332%;}

    .m-3-2  {width: 26.66666%;}

    .m-3-3  {width: 27.49999%;}

    .m-3-4  {width: 28.33332%;}

	.m-3-5  {width: 29.16666%;}

	.m-3-6  {width: 29.99999%;}

	.m-3-7  {width: 30.83332%;}

	.m-3-8  {width: 31.66665%;}

	.m-3-9  {width: 32.49999%;}

    .m-4    {width: 33.33333%;}

    .m-4-1  {width: 34.16665%;}

    .m-4-2  {width: 34.99999%;}

    .m-4-3  {width: 35.83332%;}

    .m-4-4  {width: 36.66665%;}

	.m-4-5  {width: 37.49999%;}

	.m-4-6  {width: 38.33332%;}

	.m-4-7  {width: 39.16665%;}

	.m-4-8  {width: 39.99998%;}

	.m-4-9  {width: 40.83332%;}

    .m-5    {width: 41.66667%;}

    .m-5-1  {width: 42.49998%;}

    .m-5-2  {width: 43.33332%;}

    .m-5-3  {width: 44.16665%;}

    .m-5-4  {width: 44.99998%;}

	.m-5-5  {width: 45.83332%;}

	.m-5-6  {width: 46.66665%;}

	.m-5-7  {width: 47.49998%;}

	.m-5-8  {width: 48.33331%;}

	.m-5-9  {width: 49.16665%;}

    .m-6    {width: 50%;}

    .m-6-1  {width: 50.83331%;}

    .m-6-2  {width: 51.66665%;}

    .m-6-3  {width: 52.49998%;}

    .m-6-4  {width: 53.33331%;}

	.m-6-5  {width: 54.16665%;}

	.m-6-6  {width: 54.99998%;}

	.m-6-7  {width: 55.83331%;}

	.m-6-8  {width: 56.66664%;}

	.m-6-9  {width: 57.49998%;}

    .m-7    {width: 58.33333%;}

    .m-7-1  {width: 59.16664%;}

    .m-7-2  {width: 59.99998%;}

    .m-7-3  {width: 60.83331%;}

    .m-7-4  {width: 61.66664%;}

	.m-7-5  {width: 62.49998%;}

	.m-7-6  {width: 63.33331%;}

	.m-7-7  {width: 64.16664%;}

	.m-7-8  {width: 64.99997%;}

	.m-7-9  {width: 65.83331%;}

    .m-8    {width: 66.66667%;}

    .m-8-1  {width: 67.49997%;}

    .m-8-2  {width: 68.33331%;}

    .m-8-3  {width: 69.16664%;}

    .m-8-4  {width: 69.99997%;}

	.m-8-5  {width: 70.83331%;}

	.m-8-6  {width: 71.66664%;}

	.m-8-7  {width: 72.49997%;}

	.m-8-8  {width: 73.33330%;}

	.m-8-9  {width: 74.16664%;}

    .m-9    {width: 75%;}

    .m-9-1  {width: 75.83330%;}

    .m-9-2  {width: 76.66664%;}

    .m-9-3  {width: 77.49997%;}

    .m-9-4  {width: 78.33330%;}

	.m-9-5  {width: 79.16664%;}

	.m-9-6  {width: 79.99997%;}

	.m-9-7  {width: 80.83330%;}

	.m-9-8  {width: 81.66663%;}

	.m-9-9  {width: 82.49997%;}

    .m-10   {width: 83.33333%;}

    .m-10-1 {width: 84.16663%;}

    .m-10-2 {width: 84.99997%;}

    .m-10-3 {width: 85.83330%;}

    .m-10-4 {width: 86.66663%;}

	.m-10-5 {width: 87.49997%;}

	.m-10-6 {width: 88.33330%;}

	.m-10-7 {width: 89.16663%;}

	.m-10-8 {width: 89.99996%;}

	.m-10-9 {width: 90.83330%;}

    .m-11   {width: 91.66667%;}

    .m-11-1 {width: 92.49996%;}

    .m-11-2 {width: 93.33330%;}

    .m-11-3 {width: 94.16629%;}

    .m-11-4 {width: 94.99996%;}

	.m-11-5 {width: 95.83330%;}

	.m-11-6 {width: 96.66663%;}

	.m-11-7 {width: 97.49996%;}

	.m-11-8 {width: 98.33329%;}

	.m-11-9 {width: 99.16663%;}

    .m-12   {width: 100%;}

}



@media screen and (min-width:640px){

    .l-1    {width: 8.33333%;}

    .l-1-1  {width: 9.16666%;}

    .l-1-2  {width: 10.00000%;}

    .l-1-3  {width: 10.83333%;}

    .l-1-4  {width: 11.66666%;}

    .l-1-5  {width: 12.50000%;}

    .l-1-6  {width: 13.33333%;}

    .l-1-7  {width: 14.16666%;}

    .l-1-8  {width: 14.99999%;}

    .l-1-9  {width: 15.83333%;}

    .l-2    {width: 16.66667%;}

    .l-2-1  {width: 17.49999%;}

    .l-2-2  {width: 18.33333%;}

    .l-2-3  {width: 19.16666%;}

    .l-2-4  {width: 19.99999%;}

	.l-2-5  {width: 20.83333%;}

	.l-2-6  {width: 21.66666%;}

	.l-2-7  {width: 22.49999%;}

	.l-2-8  {width: 23.33332%;}

	.l-2-9  {width: 24.16666%;}

    .l-3    {width: 25%;}

    .l-3-1  {width: 25.83332%;}

    .l-3-2  {width: 26.66666%;}

    .l-3-3  {width: 27.49999%;}

    .l-3-4  {width: 28.33332%;}

	.l-3-5  {width: 29.16666%;}

	.l-3-6  {width: 29.99999%;}

	.l-3-7  {width: 30.83332%;}

	.l-3-8  {width: 31.66665%;}

	.l-3-9  {width: 32.49999%;}

    .l-4    {width: 33.33333%;}

    .l-4-1  {width: 34.16665%;}

    .l-4-2  {width: 34.99999%;}

    .l-4-3  {width: 35.83332%;}

    .l-4-4  {width: 36.66665%;}

	.l-4-5  {width: 37.49999%;}

	.l-4-6  {width: 38.33332%;}

	.l-4-7  {width: 39.16665%;}

	.l-4-8  {width: 39.99998%;}

	.l-4-9  {width: 40.83332%;}

    .l-5    {width: 41.66667%;}

    .l-5-1  {width: 42.49998%;}

    .l-5-2  {width: 43.33332%;}

    .l-5-3  {width: 44.16665%;}

    .l-5-4  {width: 44.99998%;}

	.l-5-5  {width: 45.83332%;}

	.l-5-6  {width: 46.66665%;}

	.l-5-7  {width: 47.49998%;}

	.l-5-8  {width: 48.33331%;}

	.l-5-9  {width: 49.16665%;}

    .l-6    {width: 50%;}

    .l-6-1  {width: 50.83331%;}

    .l-6-2  {width: 51.66665%;}

    .l-6-3  {width: 52.49998%;}

    .l-6-4  {width: 53.33331%;}

	.l-6-5  {width: 54.16665%;}

	.l-6-6  {width: 54.99998%;}

	.l-6-7  {width: 55.83331%;}

	.l-6-8  {width: 56.66664%;}

	.l-6-9  {width: 57.49998%;}

    .l-7    {width: 58.33333%;}

    .l-7-1  {width: 59.16664%;}

    .l-7-2  {width: 59.99998%;}

    .l-7-3  {width: 60.83331%;}

    .l-7-4  {width: 61.66664%;}

	.l-7-5  {width: 62.49998%;}

	.l-7-6  {width: 63.33331%;}

	.l-7-7  {width: 64.16664%;}

	.l-7-8  {width: 64.99997%;}

	.l-7-9  {width: 65.83331%;}

    .l-8    {width: 66.66667%;}

    .l-8-1  {width: 67.49997%;}

    .l-8-2  {width: 68.33331%;}

    .l-8-3  {width: 69.16664%;}

    .l-8-4  {width: 69.99997%;}

	.l-8-5  {width: 70.83331%;}

	.l-8-6  {width: 71.66664%;}

	.l-8-7  {width: 72.49997%;}

	.l-8-8  {width: 73.33330%;}

	.l-8-9  {width: 74.16664%;}

    .l-9    {width: 75%;}

    .l-9-1  {width: 75.83330%;}

    .l-9-2  {width: 76.66664%;}

    .l-9-3  {width: 77.49997%;}

    .l-9-4  {width: 78.33330%;}

	.l-9-5  {width: 79.16664%;}

	.l-9-6  {width: 79.99997%;}

	.l-9-7  {width: 80.83330%;}

	.l-9-8  {width: 81.66663%;}

	.l-9-9  {width: 82.49997%;}

    .l-10   {width: 83.33333%;}

    .l-10-1 {width: 84.16663%;}

    .l-10-2 {width: 84.99997%;}

    .l-10-3 {width: 85.83330%;}

    .l-10-4 {width: 86.66663%;}

	.l-10-5 {width: 87.49997%;}

	.l-10-6 {width: 88.33330%;}

	.l-10-7 {width: 89.16663%;}

	.l-10-8 {width: 89.99996%;}

	.l-10-9 {width: 90.83330%;}

    .l-11   {width: 91.66667%;}

    .l-11-1 {width: 92.49996%;}

    .l-11-2 {width: 93.33330%;}

    .l-11-3 {width: 94.16629%;}

    .l-11-4 {width: 94.99996%;}

	.l-11-5 {width: 95.83330%;}

	.l-11-6 {width: 96.66663%;}

	.l-11-7 {width: 97.49996%;}

	.l-11-8 {width: 98.33329%;}

	.l-11-9 {width: 99.16663%;}

    .l-12   {width: 100%;}

}



@media screen and (min-width:960px){

    .web-1    {width: 8.33333%;}

    .web-1-1  {width: 9.16666%;}

    .web-1-2  {width: 10.00000%;}

    .web-1-3  {width: 10.83333%;}

    .web-1-4  {width: 11.66666%;}

    .web-1-5  {width: 12.50000%;}

    .web-1-6  {width: 13.33333%;}

    .web-1-7  {width: 14.16666%;}

    .web-1-8  {width: 14.99999%;}

    .web-1-9  {width: 15.83333%;}

    .web-2    {width: 16.66667%;}

    .web-2-1  {width: 17.49999%;}

    .web-2-2  {width: 18.33333%;}

    .web-2-3  {width: 19.16666%;}

    .web-2-4  {width: 19.99999%;}

	.web-2-5  {width: 20.83333%;}

	.web-2-6  {width: 21.66666%;}

	.web-2-7  {width: 22.49999%;}

	.web-2-8  {width: 23.33332%;}

	.web-2-9  {width: 24.16666%;}

    .web-3    {width: 25%;}

    .web-3-1  {width: 25.83332%;}

    .web-3-2  {width: 26.66666%;}

    .web-3-3  {width: 27.49999%;}

    .web-3-4  {width: 28.33332%;}

	.web-3-5  {width: 29.16666%;}

	.web-3-6  {width: 29.99999%;}

	.web-3-7  {width: 30.83332%;}

	.web-3-8  {width: 31.66665%;}

	.web-3-9  {width: 32.49999%;}

    .web-4    {width: 33.33333%;}

    .web-4-1  {width: 34.16665%;}

    .web-4-2  {width: 34.99999%;}

    .web-4-3  {width: 35.83332%;}

    .web-4-4  {width: 36.66665%;}

	.web-4-5  {width: 37.49999%;}

	.web-4-6  {width: 38.33332%;}

	.web-4-7  {width: 39.16665%;}

	.web-4-8  {width: 39.99998%;}

	.web-4-9  {width: 40.83332%;}

    .web-5    {width: 41.66667%;}

    .web-5-1  {width: 42.49998%;}

    .web-5-2  {width: 43.33332%;}

    .web-5-3  {width: 44.16665%;}

    .web-5-4  {width: 44.99998%;}

	.web-5-5  {width: 45.83332%;}

	.web-5-6  {width: 46.66665%;}

	.web-5-7  {width: 47.49998%;}

	.web-5-8  {width: 48.33331%;}

	.web-5-9  {width: 49.16665%;}

    .web-6    {width: 50%;}

    .web-6-1  {width: 50.83331%;}

    .web-6-2  {width: 51.66665%;}

    .web-6-3  {width: 52.49998%;}

    .web-6-4  {width: 53.33331%;}

	.web-6-5  {width: 54.16665%;}

	.web-6-6  {width: 54.99998%;}

	.web-6-7  {width: 55.83331%;}

	.web-6-8  {width: 56.66664%;}

	.web-6-9  {width: 57.49998%;}

    .web-7    {width: 58.33333%;}

    .web-7-1  {width: 59.16664%;}

    .web-7-2  {width: 59.99998%;}

    .web-7-3  {width: 60.83331%;}

    .web-7-4  {width: 61.66664%;}

	.web-7-5  {width: 62.49998%;}

	.web-7-6  {width: 63.33331%;}

	.web-7-7  {width: 64.16664%;}

	.web-7-8  {width: 64.99997%;}

	.web-7-9  {width: 65.83331%;}

    .web-8    {width: 66.66667%;}

    .web-8-1  {width: 67.49997%;}

    .web-8-2  {width: 68.33331%;}

    .web-8-3  {width: 69.16664%;}

    .web-8-4  {width: 69.99997%;}

	.web-8-5  {width: 70.83331%;}

	.web-8-6  {width: 71.66664%;}

	.web-8-7  {width: 72.49997%;}

	.web-8-8  {width: 73.33330%;}

	.web-8-9  {width: 74.16664%;}

    .web-9    {width: 75%;}

    .web-9-1  {width: 75.83330%;}

    .web-9-2  {width: 76.66664%;}

    .web-9-3  {width: 77.49997%;}

    .web-9-4  {width: 78.33330%;}

	.web-9-5  {width: 79.16664%;}

	.web-9-6  {width: 79.99997%;}

	.web-9-7  {width: 80.83330%;}

	.web-9-8  {width: 81.66663%;}

	.web-9-9  {width: 82.49997%;}

    .web-10   {width: 83.33333%;}

    .web-10-1 {width: 84.16663%;}

    .web-10-2 {width: 84.99997%;}

    .web-10-3 {width: 85.83330%;}

    .web-10-4 {width: 86.66663%;}

	.web-10-5 {width: 87.49997%;}

	.web-10-6 {width: 88.33330%;}

	.web-10-7 {width: 89.16663%;}

	.web-10-8 {width: 89.99996%;}

	.web-10-9 {width: 90.83330%;}

    .web-11   {width: 91.66667%;}

    .web-11-1 {width: 92.49996%;}

    .web-11-2 {width: 93.33330%;}

    .web-11-3 {width: 94.16629%;}

    .web-11-4 {width: 94.99996%;}

	.web-11-5 {width: 95.83330%;}

	.web-11-6 {width: 96.66663%;}

	.web-11-7 {width: 97.49996%;}

	.web-11-8 {width: 98.33329%;}

	.web-11-9 {width: 99.16663%;}

    .web-12   {width: 100%;}

}



@media screen and (min-width:1366px){

    .hd-1    {width: 8.33333%;}

    .hd-1-1  {width: 9.16666%;}

    .hd-1-2  {width: 10.00000%;}

    .hd-1-3  {width: 10.83333%;}

    .hd-1-4  {width: 11.66666%;}

    .hd-1-5  {width: 12.50000%;}

    .hd-1-6  {width: 13.33333%;}

    .hd-1-7  {width: 14.16666%;}

    .hd-1-8  {width: 14.99999%;}

    .hd-1-9  {width: 15.83333%;}

    .hd-2    {width: 16.66667%;}

    .hd-2-1  {width: 17.49999%;}

    .hd-2-2  {width: 18.33333%;}

    .hd-2-3  {width: 19.16666%;}

    .hd-2-4  {width: 19.99999%;}

	.hd-2-5  {width: 20.83333%;}

	.hd-2-6  {width: 21.66666%;}

	.hd-2-7  {width: 22.49999%;}

	.hd-2-8  {width: 23.33332%;}

	.hd-2-9  {width: 24.16666%;}

    .hd-3    {width: 25%;}

    .hd-3-1  {width: 25.83332%;}

    .hd-3-2  {width: 26.66666%;}

    .hd-3-3  {width: 27.49999%;}

    .hd-3-4  {width: 28.33332%;}

	.hd-3-5  {width: 29.16666%;}

	.hd-3-6  {width: 29.99999%;}

	.hd-3-7  {width: 30.83332%;}

	.hd-3-8  {width: 31.66665%;}

	.hd-3-9  {width: 32.49999%;}

    .hd-4    {width: 33.33333%;}

    .hd-4-1  {width: 34.16665%;}

    .hd-4-2  {width: 34.99999%;}

    .hd-4-3  {width: 35.83332%;}

    .hd-4-4  {width: 36.66665%;}

	.hd-4-5  {width: 37.49999%;}

	.hd-4-6  {width: 38.33332%;}

	.hd-4-7  {width: 39.16665%;}

	.hd-4-8  {width: 39.99998%;}

	.hd-4-9  {width: 40.83332%;}

    .hd-5    {width: 41.66667%;}

    .hd-5-1  {width: 42.49998%;}

    .hd-5-2  {width: 43.33332%;}

    .hd-5-3  {width: 44.16665%;}

    .hd-5-4  {width: 44.99998%;}

	.hd-5-5  {width: 45.83332%;}

	.hd-5-6  {width: 46.66665%;}

	.hd-5-7  {width: 47.49998%;}

	.hd-5-8  {width: 48.33331%;}

	.hd-5-9  {width: 49.16665%;}

    .hd-6    {width: 50%;}

    .hd-6-1  {width: 50.83331%;}

    .hd-6-2  {width: 51.66665%;}

    .hd-6-3  {width: 52.49998%;}

    .hd-6-4  {width: 53.33331%;}

	.hd-6-5  {width: 54.16665%;}

	.hd-6-6  {width: 54.99998%;}

	.hd-6-7  {width: 55.83331%;}

	.hd-6-8  {width: 56.66664%;}

	.hd-6-9  {width: 57.49998%;}

    .hd-7    {width: 58.33333%;}

    .hd-7-1  {width: 59.16664%;}

    .hd-7-2  {width: 59.99998%;}

    .hd-7-3  {width: 60.83331%;}

    .hd-7-4  {width: 61.66664%;}

	.hd-7-5  {width: 62.49998%;}

	.hd-7-6  {width: 63.33331%;}

	.hd-7-7  {width: 64.16664%;}

	.hd-7-8  {width: 64.99997%;}

	.hd-7-9  {width: 65.83331%;}

    .hd-8    {width: 66.66667%;}

    .hd-8-1  {width: 67.49997%;}

    .hd-8-2  {width: 68.33331%;}

    .hd-8-3  {width: 69.16664%;}

    .hd-8-4  {width: 69.99997%;}

	.hd-8-5  {width: 70.83331%;}

	.hd-8-6  {width: 71.66664%;}

	.hd-8-7  {width: 72.49997%;}

	.hd-8-8  {width: 73.33330%;}

	.hd-8-9  {width: 74.16664%;}

    .hd-9    {width: 75%;}

    .hd-9-1  {width: 75.83330%;}

    .hd-9-2  {width: 76.66664%;}

    .hd-9-3  {width: 77.49997%;}

    .hd-9-4  {width: 78.33330%;}

	.hd-9-5  {width: 79.16664%;}

	.hd-9-6  {width: 79.99997%;}

	.hd-9-7  {width: 80.83330%;}

	.hd-9-8  {width: 81.66663%;}

	.hd-9-9  {width: 82.49997%;}

    .hd-10   {width: 83.33333%;}

    .hd-10-1 {width: 84.16663%;}

    .hd-10-2 {width: 84.99997%;}

    .hd-10-3 {width: 85.83330%;}

    .hd-10-4 {width: 86.66663%;}

	.hd-10-5 {width: 87.49997%;}

	.hd-10-6 {width: 88.33330%;}

	.hd-10-7 {width: 89.16663%;}

	.hd-10-8 {width: 89.99996%;}

	.hd-10-9 {width: 90.83330%;}

    .hd-11   {width: 91.66667%;}

    .hd-11-1 {width: 92.49996%;}

    .hd-11-2 {width: 93.33330%;}

    .hd-11-3 {width: 94.16629%;}

    .hd-11-4 {width: 94.99996%;}

	.hd-11-5 {width: 95.83330%;}

	.hd-11-6 {width: 96.66663%;}

	.hd-11-7 {width: 97.49996%;}

	.hd-11-8 {width: 98.33329%;}

	.hd-11-9 {width: 99.16663%;}

    .hd-12   {width: 100%;}

}



a.menu-item {

    font-size: 17px;

}





.contiene-cuadros-portfolyo.active{

	-webkit-animation: rotateInUpLeft 450ms linear 800ms 1 normal backwards;

	-moz-animation: rotateInUpLeft 450ms linear 800ms 1 normal backwards;

	animation: rotateInUpLeft 450ms linear 800ms 1 normal backwards;

}