@-webkit-keyframes photor__preloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes photor__preloader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.photor{position:relative;width:100%;height:100%;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-font-smoothing:antialiased;overflow:hidden}
* {
            margin: 0;
            padding: 0;
            }
        html,
        body {
            height: 100%;
            background: none no-repeat fixed 0 0 / 100% auto rgba(222, 223, 222, 1);
            color: #555555;
            font-family: 'Lato','Kalinga_Reg','Segan-Light','Open Sans',Arial, Helvetica, sans-serif;
            font-size: 13px;
            line-height: 1.5;
            background-color: #e4e4e4;
            }

        .custom {
            width: 100%;
            height: 100%;
            text-align: center;
            font: 36px Helvetica, Arial, sans-serif;
            color: #000;
            background: #ccc;
            }
        .custom:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            height: 100%;
            width: 0;
            margin: 0 0 0 -4px;
            }
.photor__viewport{
	/* border: 1px solid #999; */
	position:absolute;
	top:90px; /* 135px */
	left:199px;
	right:99px;
	bottom:24px;
	overflow:hidden;
	/* min-width: 748px;
	max-height: 1000px;*/
	padding-bottom: 36px;
	background-color: #e4e4e4; /* dedede */
}

p,h1,h3,h3,h4,h5,h6 { margin-top:0px; margin-bottom:10px;}
h1, h2, h1 b { color: #A3A4A6; font-family: 'Lato','Kalinga_Reg','Segan-Light',Arial, Helvetica, sans-serif; font-weight: normal;} /* text-transform:uppercase; */
h1 { font-size:20px;}
h2 { font-size:18px;}
p { font-family:'Lato','Kalinga_Reg','Segan-Light',Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:1.5;
    color:#5E5F5F;
}

.photor__viewport.static_pages p {
    font-size:20px;
    margin-bottom:5px;
}

a { color:#5E5F5F;}

.photor__viewportLayer{position:relative;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-property:left,-webkit-transform;transition-property:left,transform;transition-timing-function:cubic-bezier(.1,0,.25,1);transition-duration:.24s;z-index:0}

.photor__viewportLayerSlide{width:100%;height:100%;position:absolute;top:0;text-align:center;white-space:nowrap}

.photor__viewportLayerSlide:before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0;font-size:0}

.photor__viewportLayerSlide:after{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-9px 0 0 -9px;visibility:hidden;content:'';border-radius:50%;border:2px solid #fff;border-right:2px solid transparent;-webkit-animation:photor__preloader .8s linear infinite;animation:photor__preloader .8s linear infinite;opacity:0;transition:all .3s ease}

.photor__viewportLayerSlideImg{position:absolute;top:0;right:1px;bottom:0;left:1px;background-repeat:no-repeat;background-position:center center;opacity:1;transition:opacity .2s ease;visibility:visible;display:inline-block;vertical-align:middle}

.photor__viewportLayerSlideImg._alt:before{display:block;content:attr(data-alt);background:rgba(0,0,0,.5);color:#fff;text-align:center;position:absolute;right:0;bottom:0;left:0;padding:4px 0;font:14px/20px Arial}

.photor__viewportLayerSlide._loading:after{visibility:visible;opacity:1}

.photor__viewportLayerSlide._loading .photor__viewportLayerSlideImg{opacity:0}

.photor__viewportLayerSlide._hidden{display:none}

.photor__viewportLayerSlide._auto .photor__viewportLayerSlideImg{-webkit-background-size:contain;background-size:contain}@media (max-width:400px){.photor__viewportLayerSlide._auto .photor__viewportLayerSlideImg{-webkit-background-size:cover;background-size:cover}}

.photor__viewportLayerSlide._center{background-size:auto}

.photor__viewportLayerSlide._html:before,.photor__viewportLayerSlide._html:after{display:none}

.photor__viewportControl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:move;cursor:-webkit-grab;cursor:-moz-grab}

.photor__viewportControlPrev,.photor__viewportControlNext{position:absolute;top:0;bottom:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.photor__viewportControlBackToGallery{position:absolute;top:0;bottom:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.photor__viewportControlPrev._disabled,.photor__viewportControlNext._disabled, .photor__viewportControlBackToGallery_disabled{cursor:default}

.photor__viewportControlPrev{right:56%;left:0; } /*border: 1px solid #999; */
.photor__viewportControlBackToGallery{left:44%; width:12%;} /*border: 1px solid #CC0000; */
.photor__viewportControlNext{right:0;left:56%; } /* border: 1px solid #999; */

.photor__thumbs{position:absolute;height:56px;right:0;bottom:0;left:0;padding:2px 0;text-align:center;white-space:nowrap;overflow:hidden;font-size:0}

.photor__thumbsWrap{position:relative;display:inline-block;text-align:left;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-property:left,-webkit-transform;transition-property:left,transform;transition-timing-function:cubic-bezier(.1,0,.25,1);transition-duration:.24s;margin:0 -1px}
._noeffects .photor__thumbsWrap{transition-duration:0}
.photor__thumbsWrapItem{display:inline-block;vertical-align:top;height:100%;margin:0 1px;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;cursor:pointer}
.photor__thumbsWrapItemImg{width:auto;height:100%;vertical-align:top;border:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.photor._dots .photor__thumbsWrapItem{width:4px;height:4px;padding:5px;margin:0}
.photor._dots .photor__thumbsWrapItem:before{display:block;width:4px;height:4px;border:1px solid gray;border-radius:3px;content:''}
.photor._dots .photor__thumbsWrapItem._current:before{background:gray}.photor__thumbsWrapFrame{top:0;height:100%;position:absolute;transition-property:all;transition-duration:5s;transition-timing-function:cubic-bezier(.1,0,.25,1);-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #00afea;background:rgba(171,171,171,.15)}@media (max-device-width:1280px){.photor__thumbsWrapFrame{-webkit-transition-property:top,left,-webkit-transform;transition-property:top,left,transform}}.photor._dragging .photor__viewportControl,.photor._dragging .photor__viewportControlPrev,.photor._dragging .photor__viewportControlNext{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.photor._ie8 .photor__viewportLayerSlide._auto._portrait .photor__viewportLayerSlideImg{height:100%;width:auto}.photor._ie8 .photor__viewportLayerSlide._auto._landscape .photor__viewportLayerSlideImg{height:auto;width:100%}.photor._ie8 .photor__viewportLayerSlide._center .photor__viewportLayerSlideImg{height:auto;width:auto}.photor._ie8 .photor__viewportControl{background:url('about:blank')}

.photor__htop {
	display:block;
	border-bottom: 1px solid #CCCCCC; /* #b4b9bc */
	background-color: #e4e4e4;
	float:left;
	position:absolute;
	height:75px;
	right:0;
	top:0;
	left:0;
	padding:15px 10px 0px 45px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	font-size:0;
	clear:both;
	z-index: 9998;
}
#ghLogo {
	display: block;
    float: left;
    margin: 0;
    padding: 0;
    text-indent: -999em;
    text-shadow: none;
    transition: background-color 0.3s linear 0s;
    width: 140px;
}
#ghLogo img {
    display: block;
    margin: 0;
}
#ghLogo.cssLogo {
	background: url("images/logo-hirit.png") no-repeat scroll 0 0 transparent;
    width: 140px;
    height: 60px;
}

.photor__sidebar {
	float:left;
	position:absolute;
	width:175px;
	right:0;
	top:105px;
	left:0;
	padding:15px 10px 0px 45px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
	font-size:0;
	clear:both;
	z-index: 9997;
}

#left-menu ul, #left-menu ul li {display:inline; list-style:none; margin:0; padding:0; max-width:200px;}
#left-menu ul, #left-menu ul li, #left-menu ul li a, #thumbs a {
	font-family: 'Titillium Web','Questrial','Quattrocento Sans','Maven Pro','Muli','Nobile','Lato','Ubuntu','Kalinga_Reg','Segan-Light',Arial, Helvetica, sans-serif; /* 'Titillium Web','Quattrocento Sans','Questrial','Maven Pro','Muli', */
	color:#adaeb0; /* #999 */
	text-decoration:none;
	font-size:22px;
	/* pt laptop font-size:18px; */
	font-weight:300;
}
#left-menu ul li, #left-menu ul li a { display:block; line-height:1.4;} /* 1.6 */

#left-menu ul li a {
	padding:0px 0px 0px 10px;
	/* background:none no-repeat 0px -28px;
	background:url(../i/arr.png) */
	transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
	-webkit-transition: all 200ms ease-out 0s;
	-o-transition: all 200ms ease-out 0s;
}

#left-menu a.h, #left-menu a b { font-weight:400; }

#left-menu ul li ul li a {
	padding:0px 0px 0px 10px;
	/* background:none no-repeat 10px -28px;
	background:url(../i/arr.png) */
}

#left-menu ul li ul li a.sub { padding:0px 0px 0px 10px; } /* background:none no-repeat 10px -18px; background:url(../i/arr.png) */
#left-menu ul li a.sub { padding:0px 0px 0px 10px; } /* background:none no-repeat 0px -18px; background:url(../i/arr.png) */

#left-menu ul li ul li ul li a {
	padding:0px 0px 0px 30px;

	font-size:14px; /* 16px */
	/* background:none no-repeat 20px -28px;
	background:url(../i/arr.png) */
}

#left-menu ul > li > ul > li > ul > li > ul > li {
	padding:0px 0px 0px 10px;
	}

#left-menu ul li a:hover { font-weight:300; color:#666;} /* #777; */
#left-menu ul li a:active { font-weight:300; color:#666;}

#left-menu ul li a.active { color: #666; }

.photor__viewportControlPrev{cursor: url(images/prev-arrow.png), auto;} /* prev-arrow.png */
.photor__viewportControlNext{cursor: url(images/next-arrow.png), auto;} /* next-arrow.png */
.photor__viewportControlBackToGallery{cursor: url(images/back-to-gallery.png), auto;}

.thumbs a { float:left; margin:0px 10px 20px 10px; display:block;}
.thumbs a, .thumbs a img, .thumbs a.portrait, .thumbs a img.portrait {
	/*height:200px;*/
	height:350px;
	opacity: 1;
	transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-webkit-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
}

.thumbs a:hover, .thumbs a:hover img, .thumbs a:hover.portrait, .thumbs a:hover img.portrait {
  opacity: 1;
}

.photor__viewport.cat_list {
	margin-left: 120px; /* 50px */
    display: block;
    position: absolute;
    transition: all 0.35s ease 0s;
    overflow: auto;
    right:-1px;
    padding-right: 0px;
    padding-top: 29px;
}

.photor__viewport.cat_list .limit {
	max-width: 86%;
}

.photor__viewport.static_pages {
	width: 60%;
	margin-left: 50px;
	padding-top: 39px;
}

.photor__viewport.products {
	padding-top: 37px;
	margin-left: 0px;
	max-height: 1000px;
}

.photor__viewportDetails {
	position: absolute;
	left: 45px;
	width: 175px;
	text-align: left;
	bottom: 60px;
}

.photor__viewportDetails p {
	margin-bottom: 0px;
	font-family: 'Lato','Kalinga_Reg','Segan-Light',Arial, Helvetica, sans-serif;
	color:#777;
	text-decoration:none;
	font-size:12px;
	font-weight:400;
}

.photor__viewportDetails_2 {
	bottom: -10px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: text-top;
}

.photor__viewportDetails_2 p {
	margin-bottom: 0px;
	font-family: 'Questrial','Titillium Web','Quattrocento Sans','Maven Pro','Muli','Nobile','Lato','Ubuntu','Kalinga_Reg','Segan-Light',Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	font-size:15px;
	font-weight:300;
}

#footer-wrap { position: fixed; bottom: 0; left: 0; width: 100%; border-top:1px solid #b4b9bc ; } /* #b4b9bc */
#footer-container { height: 25px; background: #e4e4e4; z-index:10009;} /* #ddd */

#footer p { margin:0px 0px 0px 50px; font-family: 'futura-pt',Arial, Helvetica, sans-serif; color:#999999; font-size:11px; padding-top:4px; text-transform:uppercase; font-weight:300;} /* ADAEB0 */

@media only screen 
  and (min-width: 1031px) and (max-width: 1920px) {
      .thumbs a {
          margin:0px 7px 14px 7px;
      }
.thumbs a, .thumbs a img, .thumbs a.portrait, .thumbs a img.portrait {
	height:200px;
    }
}

@media only screen 
  and (min-width: 768px) and (max-width: 1030px) {
      .thumbs a {
          margin:0px 3px 6px 3px;
      }
}