@charset "utf-8";
 /***
Portfolio
***/
 /*Portfolio Filter*/
 
 .mix-filter {
     list-style: none;
     margin: 0 auto;
     padding: 23px 0 0px 0;
     display: table;
     height: 75px;
 }
 .text-inside h2
 {
	 font-size:10px;
 }
 .mix-filter li {
     color: #a7a9ac;
     cursor: pointer;
     padding: 6px 0px;

     background: #fff;
     display: inline-block;
 }
 
 .mix-filter li:hover,
 .mix-filter li.active {
     color: #282828;
     border-bottom: 4px solid #df3030;
 }
 
 .mix-grid .mix {
     opacity: 0;
     display: none;
 }
 /*Portfolio Hover*/
 
 .mix-grid .mix {
     position: relative;
     overflow: hidden;
     /*margin-bottom: 15px;*/
 }
 
 .mix-grid .mix .mix-inner {
     position: relative;
     /*width: 100%;*/
     
     margin: 0 -15px;
 }
 
 .mix-grid .mix .mix-details {
     padding: 20px 6px 10px 6px;
     width: 80%;
     height: auto;
     bottom: -100%;
     color: #fff;
     text-align: center;
     position: absolute;
     background: rgba(223, 48, 48, 0.9);
     background-size: cover;
     transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }
 
 .mix-grid .mix:hover .mix-details {
     bottom: 0;
     transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
 }
 
 .mix-grid .mix .mix-details h4 {
     color: #fff;
     margin-top: 30px;
 }
 
 .mix-grid .mix .mix-details p {
     padding: 0 30px;
 }
 
 .mix-grid .mix .mix-details i {
     font-size: 14px;
 }
 
 .mix-grid .mix a.mix-link,
 .mix-grid .mix a.mix-preview {
     display: block;
     cursor: pointer;
     margin: 20px auto 0;
     /*position: absolute;*/
     
     padding: 10px 20px;
     width: auto;
     display: table;
     border: 1px solid #fff;
     color: #fff;
	 font-family:Verdana, Geneva, sans-serif;
    
     border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     transition: all 0.8s ease;
     -moz-transition: all 0.8s ease;
     -webkit-transition: all 0.8s ease;
 }
 /*.mix-grid .mix a.mix-preview {
	left: 50%;
	margin-left: 5px;
}

.mix-grid .mix a.mix-link {
	right: 50%;
	margin-right: 5px;
}*/
 
 .mix-grid .mix a.mix-link:hover,
 .mix-grid .mix a.mix-preview:hover {
     background: rgba(255, 255, 255, 0.4);
 }
 
 @media screen\0 {
     #slider1_container {
         width: 1100px !important;
     }
 }
 /* Portrait tablet to landscape and desktop */
 
 @media (min-width: 992px) {
     .mix-grid .mix.col-md-6.col-sm-6 .mix-details {
         height: 50%;
     }
 }
 
 @media (min-width: 1500px) {
     .mix-grid .mix .mix-details {
         padding: 30px 10px 20px 10px;
     }
 }
 
 @media (min-width: 768px) and (max-width: 991px) {
     .mix-grid .mix a.mix-link,
     .mix-grid .mix a.mix-preview {
         margin-top: 5px;
     }
 }
 
 .view {
     position: relative;
     margin: 0px -15px;
 }
 
 .view .mask,
 .view .content {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0px;
     left: 0px;
 }
 
 @media (max-width: 360px) {
     .mix-filter li {
         margin: 0 8px;
     }
 }
 
 .view-first img {
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }
 
 .view-first .mask {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     background-color:rgba(15, 14, 15, 0.77);
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
 }
 
 .view-first h2 {
     -webkit-transform: translateY(-100px);
     -moz-transform: translateY(-100px);
     -o-transform: translateY(-100px);
     -ms-transform: translateY(-100px);
     transform: translateY(-100px);
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     transform: translateX(-200px);
     opacity: 0;
     transition: all 0.2s linear 0s;
     color: rgb(255, 255, 255);
     /*margin:48% 0 0 29px;*/
     
     text-align: center;
     letter-spacing: 1px;
     font-size: 18px;
	 margin-bottom:8px;
	 padding:0 0px;
 }
 
 .view-first h6 {
     -webkit-transform: translateY(-100px);
     -moz-transform: translateY(-100px);
     -o-transform: translateY(-100px);
     -ms-transform: translateY(-100px);
     transform: translateY(-100px);
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     transform: translateX(-200px);
     opacity: 0;
     transition: all 0.2s linear 0s;
     color: rgb(255, 255, 255);
     /*margin:48% 0 0 29px;*/
     
     text-align: center;
     letter-spacing: 4px;
     font-size: 13px;
 }
 
 .view-first p {
     -webkit-transform: translateX(-100px);
     -moz-transform: translateX(-100px);
     -o-transform: translateX(-100px);
     -ms-transform: translateX(-100px);
     transform: translateX(-100px);
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     transition: all 0.4s linear;
     transform: translateX(-100px);
     opacity: 0;
     transition: all 0.2s linear 0s;
     color: rgb(255, 255, 255);
     /*   margin: 10px 0 0 29px;*/
     font-size: 11px;
     text-align: center;
 }
 
 .view-first:hover img {
    /* -webkit-transform: scale(1.02);
     ;
     -moz-transform: scale(1.02);
     ;
     -o-transform: scale(1.02);
     ;
     -ms-transform: scale(1.02);
     ;
     transform: scale(1.02);
     ;*/
 }
 
 .view-first a.info {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
 }
 
 .view-first:hover .mask {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     opacity: 1;
 }

 .dash{
      -webkit-transform: translateX(-100px);
     -moz-transform: translateX(-100px);
     -o-transform: translateX(-100px);
     -ms-transform: translateX(-100px);
     transform: translateX(-100px);
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     transition: all 0.2s linear 0s;
     width: 45px;
     height: 2px;
     margin: 13px auto;
     background: #a1a0a0;
 }

 .view-first:hover .dash,
 .view-first:hover h2,
 .view-first:hover h6,
 .view-first:hover p,
 .view-first:hover a.info {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     opacity: 1;
     -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
     -o-transform: translateX(0px);
     -ms-transform: translateX(0px);
     transform: translateX(0px);
 }
 /*.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}*/
 /*.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}*/
 
 .mask::before,
 .mask::after {
     position: absolute;
     top: 21px;
     right: 21px;
     bottom: 21px;
     left: 21px;
     content: "";
     opacity: 0;
     z-index: 1;
     transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
 }
 
 .mask::before {
     border-top: 1px solid rgba(255, 255, 255, 0.53);
     border-bottom: 1px solid rgba(255, 255, 255, 0.53);
     transform: scale(0, 1);
 }
 
 .mask::after {
     border-right: 1px solid rgba(255, 255, 255, 0.53);
     border-left: 1px solid rgba(255, 255, 255, 0.53);
     transform: scale(1, 0);
 }
 
 .view-first:hover .mask::before,
 .view-first:hover .mask::after {
     opacity: 1;
     transform: scale(1);
     transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
 }
 
 .text-inside {
     width: 100%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }
 .text-inside h2 {
	 font-size:15px;
 }
 
 .text-inside p {
     width: 70%;
     margin: 0 auto;
 }
 
.link-portfolio{
	margin:0 !important;
	padding: 0 !important;
	width: inherit !important;
	border: 0px solid #4d4e51 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	border-radius: 0px !important;
	color: #5B5B5B !important;
	float: inherit !important;
	font-family: 'ubuntumedium';
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
}
.link-portfolio:hover{
	color: #282828 !important;
	background:inherit !important;
}/* CSS Document */

