﻿/*General*/
.divIndEventOuter {height:auto; overflow:visible; background-size:cover; padding-bottom:40px;}
.divIndEventHdr {height:auto; overflow:hidden; float:left;}
.divIndEventHdrInner {float:left; font-size:14px; font-weight:normal; line-height:14px; color:#191919; }
.divIndEventImgCount {float:left; padding-left:5px;}
.divIndEventCount {float:left; font-size:11px; font-weight:normal; line-height:11px; color:#272727; padding-left:3px; vertical-align:middle;}
.divIndEventContent {margin-left: -40px;padding-left: 40px;padding-bottom:30px;}
.divIndEventAlbum {padding-top:20px;padding-bottom:30px;width:100%;}

/*End of General*/


/*Gall 5 image*/ 
.ug-gallery-wrapper{height:450px !important; padding-bottom: 50px;}
.ug-gallery-wrapper .ug-theme-panel{ height: 90px !important; top: auto !important; bottom: 0;}
.ug-thumb-wrapper.ug-thumb-generated, .ug-thumb-wrapper .ug-thumb-border-overlay{width:120px !important; height:70px !important;}
.ug-gallery-wrapper .ug-thumbs-strip, .ug-gallery-wrapper .ug-thumbs-grid{width: 100% !important; left: 0 !important;}
.ug-gallery-wrapper .ug-strip-panel{background-color: transparent !important;}

/*Details*/
.divIndEventDetails {height:auto; overflow:hidden;}
.divIndEventImage {float:left; width:255px; height:190px; overflow:hidden; padding:5px; background:#ffffff;}
.divIndEventImg {height:190px; overflow:hidden; width:255px;}
.divIndEventImgInner { vertical-align:middle; position:relative; overflow:hidden; height:190px; width:255px; }
.divIndEventImgInner img {margin:auto; position:absolute;}

.divEventTopDescInnerTop {height:auto; overflow:hidden;}
.divEventTopDescInnerTopLeft {float:left; width:380px;}
.divEventTopDescInnerTopRight {float:right;}
.divIndEventName {padding:0px 10px;}
.divIndEventDate {color:#70c800;}
.divIndEvtPrev {/*float:right;*/ margin-left:10px;}
.divIndEvtNext {/*float:right;*/}
.divEvtPageFirst{float:right; margin-left:10px; margin-right:5px;}
.divEvtPageLast {float:right; margin-left:10px;}
.divIndEventSnapshot {color: #656565; font-size: 14px;}
.divIndEventDetailsBtm {height:auto; overflow:hidden;}
.divIndEventDesc {height:auto; overflow:hidden;}
/*End of Details*/

/*Album & Video*/
.divIndEvent {width:100%; height:100%; /*padding-bottom:100px;*/ background:#292929;}
.divAlbumItem {width:100%; /*position:fixed; bottom:0;*/ }
.divIndEventAlbumCon {text-align:center; height:auto; position:relative;}
.divIndEventItems {height:auto; width:auto; margin:auto; overflow:hidden; display:table;}
.divIndEvtItem {height:94px; width:154px; float:left; padding:10px 5px; overflow:hidden;}
.divIndEvtItemLast {height:123px; width:164px; float:left; padding-bottom:4px; padding-right:0px; overflow:hidden;}
.divIndEvtVidItem {height:120px; width:160px; float:left; padding-bottom:15px; padding-right:10px; overflow:hidden;}
.divIndEvtVidItemLast {height:120px; width:160px; float:left; padding-bottom:15px; overflow:hidden;}
.divAlbumImgOuter {height:94px; width:154px; padding:0px; overflow:hidden;}
.divAlbumImg {height:100%; width:100%; position:relative; overflow:hidden;}
.divVideoImgOuter {height:120px; width:160px; padding:0px; border:0px solid #dedede;}
.divVideoImg {height:120px; width:160px; position:relative; overflow:hidden; display:block;}
.playIcon {position: relative;filter:alpha(opacity=60);background: url("../img/usr/btn_slice_07.png") no-repeat center 50px;border: none;z-index: 10;width: 100%;height: 100%;background-color: black;opacity: 0.60;}

.divIndEventShowImg {overflow:hidden; position:relative;}
.divIndEventShowImg a {position:absolute;}

.divImgTitle {position:absolute; bottom:130px; right:30px; color:#000; font-size:20px; text-shadow: -1px 0 #7acc11, 0 1px #7acc11, 1px 0 #7acc11, 0 -1px #7acc11;}

.divAlbumVideoImg img {position:absolute; margin:auto; }
.divIndEvtAlbumTitle {text-align:center; width:122px; padding-top:10px; height:auto; overflow:hidden;}

.divWaterMarkGall {position:absolute; width:150px; height:90px; background:rgba(0, 0, 0, 0.25); top:0; cursor:pointer; border:solid 2px transparent;}
.divWaterMarkGall:hover {background:none;}
.divWaterMarkGallSel {position:absolute; width:150px; height:90px; top:0; cursor:pointer; border:solid 2px #e41d3c;}

a.hypAlbumImg {width:100%; height:100%; display:block;}

.divSideMenuContainer {width:960px; margin:auto;}
.divSideMenuIcon {width:60px; height:60px; background:url(../img/usr/icon-submenu-projects.gif)no-repeat; position:absolute; bottom:100px; cursor:pointer;}
.divSideMenuGall {position:relative; z-index:2; width:250px;}
/*End of Album & Video*/

/*Comment*/
.divIndEvtCommentLeft {float:left; width:145px; margin-right:10px;}
.divIndEvtCommentRight {/*float:left;*/ width:775px;}
.divCommentPosted {font-size:14px; color:#656565;}
.divReplyPosted {font-size:14px; color:#292929;}
.divIndEventCommentItems {height:auto; overflow:hidden;}
.divIndEvtCommentItemInner {height:auto; overflow:hidden;}
.divIndEvtCommentItem {height:auto; overflow:hidden; padding-bottom:38px;}
.divCommentPostedNameDate {height:auto; overflow:hidden; margin-left:10px;}
.divCommentPostedDate {font-size:14px;}
.divCommentPostedName {font-size:18px; color:#292929; margin-bottom:5px; font-weight:500;}
.divIndEvtReply {height:auto; overflow:hidden; padding:15px; margin-top:10px; background:#efefef;}
.divReplyImg {float:left; width:20px; height:auto;}
.divReplyPostedLit {float:left; width:auto; height:auto; text-align:justify;}
/*End of Comment*/

/*Comment Form*/
.divIndEventCommentHdr {font-size:14px;line-height:14px; padding-bottom:20px;}
.divIndEventPostCommentForm {margin-left: -40px;padding-left: 40px;padding-top:20px;padding-bottom:30px;width:100%;}
.trSplitter {height:10px;}
.tdLabelCommentForm {width:25%;font-size:14px; color:#656565; padding-top:0px; padding-bottom:0px;}
.text_Commentsmall {width:300px; padding:5px 10px; outline:none; background:#ffffff; height:28px; border:none; font-family:Lato; }
.text_Commentbig {width:96.5%; padding:5px 10px; outline:none; background:#ffffff; height:128px; border:none; font-family:Lato; }
/*End of Comment Form*/

/*Links & Buttons*/
.lnkbtnComment {height:30px; width:160px;text-transform:uppercase; display:block; font-size:14px; color:#ffffff; font-weight:normal; text-align:center; padding-top:8px; background:#0072bb; }
a.lnkbtnComment:link {color:#ffffff; text-decoration:none; background:#0072bb;}
a.lnkbtnComment:visited {color:#ffffff; text-decoration:none; background:#0072bb;}
a.lnkbtnComment:hover {color:#ffffff; text-decoration:none; background:#0d5f93;}
a.lnkbtnComment:active {color:#ffffff; text-decoration:none; background:#0d5f93;}
/*end of Links & Buttons*/

/*Pagination*/
.divIndEventTop {width:100%; height:auto; overflow:hidden;}
.divIndPagination {/*height:30px;*/ overflow:hidden; width:185px; float:right;}
.divIndEvtListPaginationWrap {/*height:30px;*/ overflow:hidden; text-align:center; width:165px; float:right;}
.divListIndPagination {overflow:hidden; float:right;}
.divListIndPaginationInner {width:auto; height:auto; overflow:hidden; margin:auto; display:inline-block;}
.divIndPaginationSplitter {width:5px; height:1px; background:transparent; float:left;}


/*Back To List*/
.divIndEvtBack {/*float:right;*/}
.divBackToListTop {height:auto; width:100%; overflow:hidden; margin-bottom:20px; border-bottom:5px solid #dedede;}
.divBackToListInner {height:auto; overflow:hidden; float:right; /*text-align:right;*/ padding-top:5px; padding-bottom:5px;}
.divIndEvtPrevDisabled {float:right; margin-right:10px; margin-left:10px;}
.divIndEvtNextDisabled {float:right; margin-right:10px;}

.btnIndEventBack {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventBack:link {text-decoration:none; color:#959595;}
a.btnIndEventBack:visited {text-decoration:none; color:#959595;}
a.btnIndEventBack:hover {text-decoration:none; color:#0072bc; margin-right:10px;}
a.btnIndEventBack:active {text-decoration:none; color:#0072bc; margin-right:10px;}

.btnIndEventPrev {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventPrev:link {font-size:12px; color:#959595;}
a.btnIndEventPrev:visited {text-decoration:none; color:#959595;}
a.btnIndEventPrev:hover {text-decoration:none; color:#0072bc; margin-right:10px;}
a.btnIndEventPrev:active {text-decoration:none; color:#0072bc; margin-right:10px;}

.btnIndEventNext {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventNext:link {font-size:12px; color:#959595;}
a.btnIndEventNext:visited {text-decoration:none; color:#959595;}
a.btnIndEventNext:hover {text-decoration:none; color:#0072bc; margin-right:10px;}
a.btnIndEventNext:active {text-decoration:none; color:#0072bc; margin-right:10px;}

.btnIndEventDisabledPrev {font-size:12px; color:#959595; margin-right:10px;}
a.btnIndEventDisabledPrev:link {font-size:12px; color:#959595;}
a.btnIndEventDisabledPrev:visited {font-size:12px; color:#959595;}
a.btnIndEventDisabledPrev:hover {text-decoration:none; color:#959595; margin-right:10px;}
a.btnIndEventDisabledPrev:active {text-decoration:none; color:#959595; margin-right:10px;}

.btnIndEventDisabledNext {font-size:12px; color:#959595; margin-left:10px;}
a.btnIndEventDisabledNext:link {font-size:12px; color:#959595;}
a.btnIndEventDisabledNext:visited {font-size:12px; color:#959595;}
a.btnIndEventDisabledNext:hover {text-decoration:none; color:#959595; margin-left:10px;}
a.btnIndEventDisabledNext:active {text-decoration:none; color:#959595; margin-left:10px;}

.btnPrevImg, .btnNextImg {width:50px; height:80px; position:absolute; z-index:1; border:none; outline:none; cursor:pointer; top: 50%; margin-top: -30px;}
.btnPrevImg {background:url(../img/usr/pagination-product-prev.png)no-repeat 0px 0px; left:0;}
.btnPrevImg:hover {background:url(../img/usr/pagination-product-prev.png)no-repeat 0px -130px;}
.btnNextImg {background:url(../img/usr/pagination-product-next.png)no-repeat 0px 0px; right:0;}
.btnNextImg:hover {background:url(../img/usr/pagination-product-next.png)no-repeat 0px -130px;}

.btnPrevImgDisabled, .btnNextImgDisabled {width:50px; height:80px; position:absolute; z-index:1; border:none; outline:none;  top:350px;}
.btnPrevImgDisabled {background:url(../img/usr/pagination-product-prev.png)no-repeat 0px 0px; left:0;}
.btnNextImgDisabled {background:url(../img/usr/pagination-product-next.png)no-repeat 0px 0px; right:0;}

a.hypBack {position:absolute; top:15px; right:30px; height:25px; width:25px; z-index:1;}

#thumbs {
    margin: 0px 20px;
}
.thumbnails li {width: 170px;}

/* ============== sidebar open ==============*/
.hypBack span {
    display: block;
    position: absolute;
    height: 2px;
    width: 25px;
    background: #a1a4a6;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hypBack span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 9px;
    left: 8px;
}

.hypBack span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.hypBack span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 9px;
    left: 8px;
}
