.transition {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.btn {
  padding: 8px 40px;
  border-radius: 2px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background-color: #dd003b;
  color: #fff !important;
	font-weight: 800 !important;
}
.btn:hover {
  background-color: #aa002d;
  color: #fff !important;
 font-weight: 800 !important;
}

.img-responsive {
  width: 100%;
  border-radius: 2px;
}
.basic-widgets {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* project hover*/
.project-hover {
  position: relative;
  overflow: hidden;
}
.project-hover:hover .text-view {
  top: 40%;
  opacity: 1;
}
.project-hover:hover .btn-view {
  top: 60%;
  opacity: 1;
}
.project-hover:hover img {
  opacity: .8;
}
.project-hover .text-view {
  width: 95%;
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  font-weight: 600;
}
.project-hover .text-view h3 {
  margin-bottom: 10px;
  font-weight: 600;
}
.project-hover .btn-view {
  width: 100%;
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}




/*galeria parcial*/

 /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}


/*360
*/



.angle-view {
		overflow: hidden;
		width: 100%;
		margin: 0 auto
	}
	.angle-view ul, #angle-view li {
		margin: 0;
		padding: 0
	}
	.angle-view li {
		list-style: none;
		width: 100%;
		text-align: center
	}
	.angle-view li img {
		cursor: move
	}
	.angle-view ul {
		width: 100%;
		height: auto;
		overflow: hidden
	}
	.mostrar_cargar_360 {
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.60);
		left: 45%;
		top: 40%;
		display: none;
		position: absolute;
		z-index: 100000;
		color: #fff
	}
	.mostrar_cargar_360 i {
		margin-top: 8px
	}