.img-collection { display: block; width: 100%; min-width: 1272px; max-width: 1272px; overflow: hidden; margin: auto; }
.widget-img-viewer {  position: relative; width: 97%; min-height: 1320px; max-height: 5600px; overflow: hidden; }
.widget-img-viewer > .widget-row  { position: relative; clear: both; min-height: 320px; }
.widget-img-viewer > .widget-row.type1  { position: relative; clear: both; min-height: 220px; }
.widget-img-viewer > .widget-row > .widget-img { position: absolute; left: 0; top: 0; margin: 5px; padding: 0; border: 1px solid #dedede; background: #fff; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set { position: relative; width: 297px; overflow: hidden; } 
.widget-img-viewer > .widget-row > .widget-img > .widget-set > a { position: relative; box-sizing: border-box; width: 100%; display: block; height: auto; overflow: hidden; cursor: default; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > .widget-content { position: relative; display:block; width: 95%; height: 90px; padding: 10px 10px 50px 10px; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > a img { margin: 0; padding: 0; max-height: auto; width: 100%; max-width: auto; box-sizing: border-box; display: block; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > .widget-content h3 { font: 20px beba; color: #333; text-transform: uppercase; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > .widget-content p { font: 16px ebrima; color: #000; margin: 5px 0; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > button { position: absolute; right: 10px; bottom: 10px; font: 14px ebrima; color: #fff; text-transform: uppercase; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set .widget-content > button { position: absolute; right: 10px; bottom: 10px; font: 14px ebrima; color: #fff; text-transform: uppercase; }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > a:after { content: ""; position: absolute; left: 40%; bottom: -2px; z-index: 1001; border-bottom: 32px solid #fff; border-left: 30px solid transparent; border-right: 30px solid transparent; }
.h-middle { position: absolute; left: 50%; width: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
.widget-img-viewer > .widget-row > .widget-img > .widget-set > a .mask { width: 300px; height: 465px; background: rgba(245, 245, 245, .4); display: inline-block; position: absolute; overflow: hidden;  top:0; -moz-transform: skew(-45deg); -webkit-transform: skew(-45deg); transform: skew(-45deg); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out;	-o-transition: all .6s ease-in-out;	transition: all .6s ease-in-out; z-index: 10; }
.mask1,.mask17,.mask33 { right: 460px; }
.widget-set > a:hover .mask1, .widget-set > a:hover .mask17, .widget-set > a:hover .mask33 { right: -130px; }
.widget-set > a:focus .mask1, .widget-set > a:focus .mask17, .widget-set > a:focus .mask33 { right: -130px; }
.mask2, .mask18, .mask34 { right: 480px; }
.widget-set > a:hover .mask2, .widget-set > a:hover .mask18, .widget-set > a:hover .mask34 { right: -150px; }
.widget-set > a:focus .mask2, .widget-set > a:focus .mask18, .widget-set > a:focus .mask34 { right: -150px; }
.mask3,.mask19,.mask35 { right: 420px; }
.widget-set > a:hover .mask3, .widget-set > a:hover .mask19, .widget-set > a:hover .mask35 { right: -150px; }
.widget-set > a:focus .mask3, .widget-set > a:focus .mask19, .widget-set > a:focus .mask35 { right: -150px; }
.mask4, .mask20, .mask36 { right: 450px; }
.widget-set > a:hover .mask4, .widget-set > a:hover .mask20, .widget-set > a:hover .mask36 { right: -150px; }
.widget-set > a:focus .mask4, .widget-set > a:focus .mask20, .widget-set > a:focus .mask36 { right: -150px; }
.mask5, .mask21, .mask37 { right: 450px; }
.widget-set > a:hover .mask5, .widget-set > a:hover .mask21, .widget-set > a:hover .mask37 { right: -150px; }
.widget-set > a:focus .mask5, .widget-set > a:focus .mask21, .widget-set > a:focus .mask37 { right: -150px; }
.mask6, .mask22, .mask38 { right: 490px; }
.widget-set > a:hover .mask6, .widget-set > a:hover .mask22, .widget-set > a:hover .mask38 { right: -130px; }
.widget-set > a:focus .mask6, .widget-set > a:focus .mask22, .widget-set > a:focus .mask38 { right: -130px; }
.mask7, .mask23, .mask39 { right: 450px; }
.widget-set > a:hover .mask7, .widget-set > a:hover .mask23, .widget-set > a:hover .mask39 { right: -150px; }
.widget-set > a:focus .mask7, .widget-set > a:focus .mask23, .widget-set > a:focus .mask39 { right: -150px; }
.mask8, .mask24, .mask40 { right: 460px; }
.widget-set > a:hover .mask8, .widget-set > a:hover .mask24, .widget-set > a:hover .mask40 { right: -130px; }
.widget-set > a:focus .mask8, .widget-set > a:focus .mask24, .widget-set > a:focus .mask40 { right: -130px; }
.mask9, .mask25, .mask41 { right: 460px; }
.widget-set > a:hover .mask9, .widget-set > a:hover .mask25, .widget-set > a:hover .mask41 { right: -130px; }
.widget-set > a:focus .mask9, .widget-set > a:focus .mask25, .widget-set > a:focus .mask41 { right: -130px; }
.mask10, .mask26, .mask42{ right: 460px; }
.widget-set > a:hover .mask10, .widget-set > a:hover .mask26, .widget-set > a:hover .mask42 { right: -180px; }
.widget-set > a:focus .mask10, .widget-set > a:focus .mask26, .widget-set > a:focus .mask42 { right: -180px; }
.mask11, .mask27, .mask43 { right: 440px; }
.widget-set > a:hover .mask11, .widget-set > a:hover .mask27, .widget-set > a:hover .mask43 { right: -150px; }
.widget-set > a:focus .mask11, .widget-set > a:focus .mask27, .widget-set > a:focus .mask43 { right: -150px; }
.mask12, .mask28, .mask44 { right: 420px; }
.widget-set > a:hover .mask12, .widget-set > a:hover .mask28, .widget-set > a:hover .mask44 { right: -150px; }
.widget-set > a:focus .mask12, .widget-set > a:focus .mask28, .widget-set > a:focus .mask44 { right: -150px; }
.mask13, .mask29, .mask45 { right: 440px; }
.widget-set > a:hover .mask13, .widget-set > a:hover .mask29, .widget-set > a:hover .mask45 { right: -210px; }
.widget-set > a:focus .mask13, .widget-set > a:focus .mask29, .widget-set > a:focus .mask45 { right: -210px; }
.mask14, .mask30, .mask46 { right: 435px; }
.widget-set > a:hover .mask14, .widget-set > a:hover .mask30, .widget-set > a:hover .mask46 { right: -170px; }
.widget-set > a:focus .mask14, .widget-set > a:focus .mask30, .widget-set > a:focus .mask46 { right: -170px; }
.mask15, .mask31, .mask47 { right: 440px; }
.widget-set > a:hover .mask15, .widget-set > a:hover .mask31, .widget-set > a:hover .mask47 { right: -150px; }
.widget-set > a:focus .mask15, .widget-set > a:focus .mask31, .widget-set > a:focus .mask47 { right: -150px; }
.mask16, .mask32, .mask48 { right: 400px; }
.widget-set > a:hover .mask16, .widget-set > a:hover .mask32, .widget-set > a:hover .mask48 { right: -150px; }
.widget-set > a:focus .mask16, .widget-set > a:focus .mask32, .widget-set > a:focus .mask48 { right: -150px; }
.mask49 { right: 400px; }
.widget-set > a:hover .mask49 { right: -150px; }
.widget-set > a:focus .mask49 { right: -150px; }
.mask50 { right: 460px; }
.widget-set > a:hover .mask50 { right: -150px; }
.widget-set > a:focus .mask50 { right: -150px; }
.b-minus-10 { bottom: -10px !important; }
/* Type 0 */
.widget-img-viewer > .widget-row > .widget-img.type0 .widget-set a, .widget-img-viewer > .widget-row > .widget-img.type1 .widget-set .widget-content { margin: 0; padding: 0; height: 50%; }
.widget-img-viewer > .widget-row > .widget-img.type0 .widget-set .widget-content { padding: 10px 10px 50px 10px; }
.widget-img-viewer > .widget-row > .widget-img.type0 .widget-set a { width: 100%; cursor: default; height: 50%; }
/* Type 1 */
.widget-img-viewer > .widget-row > .widget-img.type1 .widget-set a, .widget-img-viewer > .widget-row > .widget-img.type1 .widget-set .widget-content { margin: 0; padding: 0; float: left; }
.widget-img-viewer > .widget-row > .widget-img.type1 .widget-set .widget-content { width: 51%;  padding: 10px; }
.widget-img-viewer > .widget-row > .widget-img.type1 .widget-set a { width: 45%; cursor: default;  }
.widget-img-viewer > .widget-row > .widget-img.type1 > .widget-set > a:after { top: 28%; right: -2px !important; bottom: auto; border-right: 32px solid #fff; border-top: 30px solid transparent; border-bottom: 30px solid transparent; }
/* Type 2 */
.widget-img-viewer > .widget-row > .widget-img.type2 .widget-set a { width: 50%; cursor: default; margin: 0; padding: 0; float: right !important;  }
.widget-img-viewer > .widget-row > .widget-img.type2 .widget-set a, .widget-img-viewer > .widget-row > .widget-img.type2 .widget-set .widget-content { margin: 0; padding: 0; float: left; position: relative; }
.widget-img-viewer > .widget-row > .widget-img.type2 .widget-set .widget-content { width: 46%; padding: 10px 10px 50px 10px; }
.widget-img-viewer > .widget-row > .widget-img.type2 > .widget-set > button { right: auto; left: 28.5%; }
.widget-img-viewer > .widget-row > .widget-img.type2 > .widget-set > button.lst-trl { right: auto; left: 31%; }
.widget-img-viewer > .widget-row > .widget-img.type2 > .widget-set > a:after { top: 30%; left: -2px !important; bottom: auto; border-left: 32px solid #fff; border-top: 30px solid transparent; border-bottom: 30px solid transparent; }
/* Type 3 */
.widget-img-viewer > .widget-row > .widget-img.type3 .widget-set .widget-content { padding-bottom: 30px; width: 93%; }
.widget-img-viewer > .widget-row > .widget-img.type3 .widget-set button {  position: relative; float: right; font: 13px calist; color: #fff; text-transform: uppercase; }
.widget-img-viewer > .widget-row > .widget-img.type3 > .widget-set > a:after { top: -2px; left: 40% !important; bottom: auto; border-top: 32px solid #fff; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 35px solid transparent;  }
/*
.widget-img-viewer > .widget-row > .widget-img > .widget-set:hover .btn-grn-bdr { background: #43C152; color: #fff !important; border: 1px solid transparent; }
*/
.txt-done1 h3 { color: #FE4445 !important; }
.after-top:after { bottom: 23px !important; }
/* position */
/* Top position */
.t-15 { top: 15px !important; }
.t-18 { top: 18px !important; }
.t-37 { top: 37px !important; }
.t-40 { top: 40px !important; }
.t-22 { top: 22px !important; }
.t-17 { top: 17px !important; }
.t-190 { top: 190px !important; }
.t-172 { top: 172px !important; }
.t-minus-3 { top: -3px !important; }
.t-minus-4 { top: -4px !important; }
.t-minus-30 { top: -30px !important; }
.t-minus-22 { top: -22px !important; }
.t-minus-60 { top: -60px !important; }
.t-minus-72 { top: -72px !important; }
.t-minus-54 { top: -54px !important; }
.t-minus-107 { top: -107px !important; }
.t-minus-144 { top: -144px !important; }
.t-minus-180  { top: -180px !important; }
.t-minus-216  { top: -216px !important; }
/* width */
.w-560 { width: 560px !important; }
.w-268 { width: 268px !important; }
.w-270 { width: 270px !important; }
.w-290 { width: 290px !important; }
.w-320 { width: 320px !important; }
.w-250 { width: 250px !important; }
.w-275 { width: 275px !important; }
.w-300 { width: 300px !important; }
.w-335 { width: 335px !important; }
.w-338 { width: 338px !important; }
.w-340 { width: 340px !important; }
.w-350 { width: 350px !important; }
.w-400 { width: 400px !important; }
.w-402 { width: 402px !important; }
.w-450 { width: 450px !important; }
.w-460 { width: 460px !important; }
.w-580 { width: 580px !important; }
.w-590 { width: 590px !important; }
.w-625 { width: 625px !important; }
.w-642 { width: 642px !important; }
.w-702 { width: 702px !important; }
/* Left Position */
.l-950 { left: 950px !important; }
.l-660 { left: 660px !important; }
.l-970 { left: 970px !important; }
.l-260 { left: 260px !important; }
.l-285 { left: 285px !important; }
.l-310 { left: 310px !important; }
.l-311 { left: 320px !important; }
.l-330 { left: 330px !important; }
.l-345 { left: 345px !important; }
.l-348 { left: 348px !important; }
.l-350 { left: 350px !important; }
.l-360 { left: 360px !important; }
.l-410 { left: 410px !important; }
.l-460 { left: 460px !important; }
.l-470 { left: 470px !important; }
.l-570 { left: 570px !important; }
.l-580 { left: 580px !important; }
.l-590 { left: 590px !important; }
.l-642 { left: 660px !important; }
.l-710 { left: 710px !important; }
.l-1010 { left: 1010px !important; }
.l-447 { left: 447px !important; }
.l-688 { left: 688px !important; }
.l-732 { left: 732px !important; }
.l-810 { left: 810px !important; }
.l-874 { left: 874px !important; }
/* height */
.ht-100 { height: 100px !important; }
.ht-110 { height: 110px !important; }
.ht-120 { height: 120px !important; }
.ht-125 { height: 125px !important; }
.ht-122 { height: 122px !important; }
.ht-128 { height: 128px !important; }
.ht-129 { height: 129px !important; }
.ht-130 { height: 130px !important; }
.ht-135 { height: 135px !important; }
.ht-136 { height: 136px !important; }
.ht-140 { height: 140px !important; }
.ht-145 { height: 145px !important; }
.ht-147 { height: 147px !important; }
.ht-150 { height: 150px !important; }
.ht-162 { height: 162px !important; }
.ht-172 { height: 172px !important; }
.ht-180 { height: 180px !important; }
.ht-184 { height: 184px !important; }
.ht-190 { height: 190px !important; }
.ht-192 { height: 192px !important; }
.ht-208 { height: 208px !important; }
.ht-212 { height: 212px !important; }
.ht-230 { height: 230px !important; }
.ht-240 { height: 240px !important; }
.ht-255 { height: 255px !important; }
@media screen and (min-width:1152px) and (max-width: 1279px) {
	.widget-img-viewer { -webkit-transform: scale(0.88) !important; -moz-transform: scale(0.88) !important; -ms-transform: scale(0.88) !important; transform: scale(0.88) !important; margin-left: -77px !important; margin-top: -70px !important; }
	#sec-set { margin-top: -164px !important; }
	#third-set { margin-top: -170px !important; }
}
@media screen and (min-width:1024px) and (max-width: 1151px) {
	.widget-img-viewer { -webkit-transform: scale(0.79); -moz-transform: scale(0.79); -ms-transform: scale(0.79); transform: scale(0.79); margin-left: -132px; margin-top: -130px; }
	#sec-set { margin-top: -287px; }
	#third-set { margin-top: -313px; }
}
@media screen and (min-width:992px) and (max-width: 1023px) {
	.widget-img-viewer { -webkit-transform: scale(0.76); -moz-transform: scale(0.76); -ms-transform: scale(0.76); transform: scale(0.76); margin-left: -150px; margin-top: -160px; }
	#sec-set { margin-top: -320px; }
	#third-set { margin-top: -343px; }
}