.VVtransIn {
    -webkit-animation: charge 5s linear infinite;
       -moz-animation: charge 5s linear infinite;
            animation: charge 5s linear infinite;    
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mssGalerie-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #fff;
}

.project-wrapper li {
    display: inline-block;
}

.mssGalerie-item {
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    /*width: 32%;*/
	width: 24%;
}


figcaption.mask {
    background-color: rgba(54, 55, 50, 0.79);
    bottom: -126px;
    color: #fff;
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index:400;
}
ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -47px;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    z-index:500;
}

ul.external li {
    display: inline-block;
}

ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #818181;
    display: block;
    padding: 10px 18px 13px;
    
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

ul.external li a:hover {
    background-color: #009EE3;
    color: #fff;
}

.mssGalerie-item:hover ul.external {
    top: 0;
}

#artAll{position:relative;height:auto;width:100%;margin-left:0px;}
.mssViewPort{position:relative;top:0px;border:1px solid #000;font-family:RajdhaniMedium, sans-serif, Arial, Helvetica;font-style:normal;font:12px Verdana,Geneva,sans-serif;}
.mssRibbon{position:absolute;left:0px;vertical-align:bottom;display:table-cell;width:100%;height:300px;overflow-x:auto;overflow-y:hidden;}
.mssRibbonCnt{position:absolute;left:0px;vertical-align:bottom;margin-bottom:0px;display:inline-block;width:auto;height:290px;}
.containerDiv{position:relative;top:0px;height:290;width:auto;vertical-align:bottom;display:table-cell;margin-left:5px;}
.msspic{vertical-align:bottom;margin-top:100px;width:auto !important;margin-left:5px;border:1px solid #999999}
.msspic:hover{vertical-align:bottom;height:290px;margin-top:2px;}
.mssRibbonCtrlRight{position:absolute;right:0px;top:0px;width:25px;height:100%;background-color:#ffffff;}
.mssRibbonCtrlLeft{position:absolute;left:0px;top:0px;width:25px;height:100%;}
.galmove-btn{width:25px;height:100px;margin-top:165px;background-color:#cccccc;color:#000000}
#recAll{padding-bottom:50px;}
.beBtn{margin:5px;}
.beImg{float:left;margin:5px;width:75px;height:75px;}
.recIdxPicDiv{width:100%;float:left;margin-right:10px;}
.recordIdxHeader{position:relative;width:100%;height:auto;border:1px solid #000;padding-bottom:30px;}
.recordIdx{width:100%;background-color:#d3d3d3;;cursor:pointer;}
.recContent{width:100%;display:block;visibility:visible}
.editInp{left:130px;}
#myCarousel .thumbnail{margin-bottom:0;}
.carousel-control.left, .carousel-control.right{background-image:none !important;}
.carousel-control{color:#fff;top:40%;color:#428BCA;bottom:auto;padding-top:4px;width:30px;height:30px;text-shadow:none;opacity:1;}
.carousel-control:hover{color:#d9534f;}
.carousel-control.left, .carousel-control.right{background-image:none !important;}
.carousel-control.right{left:auto;right:-32px;}
.carousel-control.left{right:auto;left:-32px;}
.carousel-indicators{bottom:-30px;}
.carousel-indicators li{border-radius:0;width:10px;height:10px;background:#ccc;border:1px solid #ccc;}
.carousel-indicators .active{width:12px;height:12px;background:#3276b1;border-color:#3276b1;}
#thumbNavCarousel2 .carousel-indicators{bottom:0;left:10px;margin-left:5px;width:100%;}
#thumbNavCarousel2 .carousel-indicators li{border:medium none;border-radius:0;float:left;height:44px;margin-bottom:5px;margin-left:0;margin-right:5px !important;margin-top:0;width:120px;}
#thumbNavCarousel2 .carousel-indicators img{border:2px solid #FFFFFF;float:left;height:44px;left:0;width:120px;}
#thumbNavCarousel2 .carousel-indicators .active img{border:2px solid #39b3d7;}
.simpleCaptionCarousel{padding:5px;background:#aaaaaa;}
.pageLinker a:, .pageLinker a:hover,{background:#transparent !important;text-decoration:none !important;color:#ffffff !important;}
.simpleCaptionCarousel .carousel-caption{top:auto;width:auto;right:auto;bottom:0px;left:0;padding:20px;background:rgba(255,255,255,0.65);text-align:center;height:auto;width:100%;color:#432A18;text-shadow:none;}
.simpleCaptionCarousel .carousel-caption h2{color:#428BCA;margin-top:0;}
.simpleCaptionCarousel .carousel-control{color:#fff;top:44%;background:#aaaaaa;bottom:auto;padding-top:4px;width:36px;border-radius:50%;height:36px;opacity:1;}
.simpleCaptionCarousel .carousel-control:hover{color:#ff0000;}
.carousel-control.left, .carousel-control.right{background-image:none !important;}
.carousel-control.right,
.carousel-control .glyphicon-chevron-right{left:auto;right:-18px;}
.carousel-control.left{right:auto;left:-18px;}
#newsCarousel4 .carousel-caption{left:0;right:0;bottom:0;text-align:left;padding:10px;background:rgba(0,0,0,0.6);text-shadow:none;}
#newsCarousel4 .list-group{position:absolute;top:0;right:0;}
#newsCarousel4 .list-group-item{border-radius:0px;cursor:pointer;}
#newsCarousel4 .list-group .active{background-color:#eee;}
@media (min-width:992px){#newsCarousel4{padding-right:33.3333%;}
#newsCarousel4 .carousel-controls{display:none;}
}
@media (max-width:991px){#newsCarousel4 .carousel-caption p,
#newsCarousel4 .list-group{display:none;}
}
.simpleIndicatorCarousel .carousel-controls{display:none !important;}
.simpleIndicatorCarousel .list-group{position:absolute;top:0;right:0;}
.simpleIndicatorCarousel .carousel-indicators .active{width:10px;height:10px;background:#3276b1;border-color:#3276b1;}
.simpleIndicatorCarousel .carousel-indicators{left:25px;}
.simpleIndicatorCarousel .carousel-indicators li{border-radius:0;width:8px;height:8px;background:#fff;padding:5px !important;bottom:20px;left:5px;margin-bottom:10px;text-align:center;list-style:none;}
.simpleCtrlCarousel .carousel-inner .item img{width:100%;height:100%;}
.simpleCtrlCarousel .item .thumbnail{margin-bottom:0;}
.simpleCtrlCarousel .carousel-control.left, .carousel-control.right{background-image:none !important;}
.simpleCtrlCarousel .carousel-control{background:#39b3d7;color:#fff;padding:4px 0;width:26px;top:auto;left:auto;bottom:8px;opacity:1;text-shadow:none;}
.simpleCtrlCarousel .carousel-control.right{right:10px;}
.simpleCtrlCarousel .carousel-control.left{right:40px;}
.numberIndicCarousel .carousel-inner .item{border:2px solid #3276b1;}
.numberIndicCarousel .carousel-indicators{position:unset !important;bottom:-30px;left:0;width:auto;margin-left:0;color:#000;font-weight:bold;text-align:left;}
.numberIndicCarousel .carousel-indicators li{border-radius:0;padding:0 8px;width:auto;height:auto;line-height:20px;background:#ddd;color:#999;border:none;text-indent:0;margin:0;}
.numberIndicCarousel .carousel-indicators li.active{width:auto;height:auto;color:#000;background:#3276b1;border-color:#000;}
.labledProds .thumbnail{margin-bottom:0;}
.labledProds .carousel-control{color:#428BCA;top:44%;bottom:auto;opacity:1;}
.labledProds .carousel-control:hover{color:#d9534f;}
.labledProds .carousel-control.left, .carousel-control.right{background-image:none !important;}
.labledProds .carousel-control.right{left:auto;right:-25px;}
.labledProds .carousel-control.left{right:auto;left:-25px;}
#headerCtrlH3 h3{color:#3276b1;border-bottom:1px solid #3276b1;margin-bottom:0;font-size:150%;}
.headerCtrl .carousel-control{color:#428BCA;top:-30px;left:auto;bottom:auto;opacity:1;text-shadow:none;}
.headerCtrl .carousel-control:hover{color:#d9534f;}
.headerCtrl .carousel-control.left, .carousel-control.right{background-image:none !important;}
.headerCtrl .carousel-control.right{right:-10px;}
.headerCtrl .carousel-control.left{right:15px;}
.productSlider .thumbnail{margin-bottom:0;}
.productSlider .carousel-control.left, .carousel-control.right{background-image:none !important;}
.productSlider .carousel-control{color:#428BCA;bottom:auto;padding-top:4px;width:30px;height:30px;text-shadow:none;opacity:1;}
.productSlider .carousel-control:hover{color:#d9534f;}
.productSlider .carousel-control.left, .productSlider .carousel-control.right{background-image:none !important;}
.productSlider .carousel-control.right{right:-12px;}
.productSlider .carousel-control.left{left:-12px;}
.productSlider .carousel-indicators{position:unset !important;bottom:0px;left:50%;width:auto;margin-left:0;color:#000;font-weight:bold;text-align:center;padding-top:15px;}
.productSlider .carousel-indicators li{border-radius:0;width:10px;height:10px;background:#ccc;border:1px solid #ccc;}
.productSlider .carousel-indicators .active{width:12px;height:12px;background:#3276b1;border-color:#3276b1;}
.CarouselGal{position:relative;width:100%;min-height:100px;}
.viewImg{position:absolute !important;top:0px !important;left:0px !important;width:750px;/*height:500px;*/z-index:1;}
.viewImg .active{z-index:3;}
#fullHeaderCarousel .carousel-indicators .active{width:15px;height:15px;background:#15558c;border-color:#15558c;border-radius:0;color:#ffffff;}
#fullHeaderCarousel .carousel-indicators{bottom:10px;right:20px !important;position:absolute;width:auto;min-width:0;left:auto;margin:0 !important;}
#fullHeaderCarousel .carousel-indicators li{border:medium none;border-radius:0;float:left;margin-bottom:5px;margin-left:0px;margin-right:5px !important;margin-top:0;z-index:15;border-radius:0;width:15px;height:15px;background:#ccc;color:#000000;}
#fullHeaderCarousel ol li.list-group-item. img{border:2px solid #FFFFFF;float:left;height:44px;left:0;width:120px;}
#fullHeaderCarousel ol li.list-group-item .active img{border:2px solid #39b3d7;}
.fullHeaderItem{padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:10px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd;font-weight:700;cursor:pointer;}
#fullHeaderCarousel li.list-group-item.active,
#fullHeaderCarousel li.list-group-item.active:hover,
#fullHeaderCarousel li.list-group-item.active:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7;}
#fullHeaderCarousel li.list-group-ite:first-child{}


@media screen and (max-width:768px){#fullHeaderCarousel .carousel-indicators li{width:15px;height:15px;}
#fullHeaderCarousel .carousel-indicators .active{width:15px;height:15px;}
}

@media screen and (max-width:480px){#fullHeaderCarousel .carousel-indicators li{width:10px;height:10px;}
#fullHeaderCarousel .carousel-indicators .active{width:10px;height:10px;}
}




.CarouselGal.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #fff;
}

.portfolio-item {
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;

}


figcaption.mask {
    background-color: rgba(54, 55, 50, 0.79);
    bottom: -126px;
    color: #fff;
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index:4;
}
ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -47px;

    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    z-index:5;
}

ul.external li {
    display: inline-block;
}

ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #818181;
    display: block;
    padding: 10px 18px 13px;

    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

ul.external li a:hover {
    background-color: #009EE3;
    color: #fff;
}

.portfolio-item:hover ul.external {
    top: 0;
}