@font-face {
	font-family: 'fontello';
	src: url("../font/fontello.eot");
	src: url("../font/fontello.eot?#iefix") format('embedded-opentype'), url("../font/fontello.woff") format('woff'), url("../font/fontello.ttf") format('truetype'), url("../font/fontello.svg#fontello") format('svg');
	font-weight: normal;
	font-style: normal;
}

#page-wrapper {
    height: 100%;
    min-height: 100%;
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

#page {
    margin: 0 auto;
    background: #ffffff;
    position: relative;
    height: 100%;
    min-height: 100%;
    padding: 0;
    border-spacing: 0;
    padding: 0 100px;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

#page.tablet {
    table-layout: fixed;
}

#header, #section, #footer {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border: 0px;
    border-spacing: 0px;
}

/*** Header ***/
#header {
    height: 1px;
    position: relative;
}

/*** Content ***/
#section {
    vertical-align: top;
    padding-bottom: 40px;
}

#section > section {
    display: block;
}

/*** Footer ***/
#footer  {
    height: 1px;
    padding:35px 0px;
    text-align: center;
    border-top-style: solid;
    border-top-width: 1px;
}

/*** Menu and logo ***/

/*** Header ***/
header {
	padding: 40px 0px 40px 0px;
    position: relative;
}

header > .container > .inner {
	top: 0;
	display: table;
    height: 100%;
}

header .logo {
	display: table-cell;
	vertical-align: middle;
}

header .logo.logo-image img {
    max-width: 100%;
}

/*** Header alternate ***/
header.alternate {
    display: block;
    height: 0;
    padding: 0px;
    position: fixed;
    margin: 0px;
    top: 1px;
    text-align: center;
    visibility: hidden;
    width: 100%;
    z-index: 999;
}

header.alternate .container {
    padding-top: 13px;
    margin-bottom: 17px
}

header.alternate .inner {
    margin: 0 auto; min-height: 0
}

header.alternate.visible {
    visibility: visible;
    display: block
}



/*** Menu ***/
header nav.menu {
	display: table-cell;
	margin-bottom: 0px;
	vertical-align: middle;
}

header nav.menu .menu-item {
	margin: 0 10px;
}

header nav.menu .menu-item a {
	text-decoration: none;
	font-size: 12px;
}

header nav.menu .menu-item:first-child {
    /*margin-left: 0px;*/
}

header nav.menu .menu-item:last-child {
    /*margin-right: 0px;*/
}

header nav.menu .menu-item.separator {
    margin: 0px;
}

header nav.menu .menu-item.separator:last-child {
	display: none;
}

/* Sub menu */
header nav.menu .sub-menu {
	display: none;
	position: absolute;
	padding-top: 18px;
	z-index: 999;
	margin-left: -16px;
	min-width: 145px;
}

header nav.menu .sub-menu .menu-item {
	display: block;
    margin: 0px;
	padding: 3px 15px;
	text-align: left;
	background: #cfcfcf;
}

header nav.menu .sub-menu .menu-item:first-child {
	padding-top: 12px;
}

header nav.menu .sub-menu .menu-item:last-child {
	padding-bottom: 12px;
}

header nav.menu .menu-item.separator:last-child {
	display: none;
}

header.default {z-index: 1000 }
header.default .container { margin-bottom: 0px }

header.layout-logo-left .logo {padding-right: 30px}
header.layout-logo-right .logo.logo-text {width: 0.001%}
header.layout-logo-right .logo.logo-image img {max-width: none}
header.layout-logo-right  nav.menu {width: 100%}

.photos-loading {
	height: 42px; margin: 0 0 6.5%; display: none; opacity: 0; 	filter: alpha(opacity = 0);
}

.photos-loading > .spinner {
	display: block;
}


/* Gallery */
.gallery-with-preview .desc, .gallery-with-preview .bottom-desc  {
	margin-bottom: 25px;
}
.gallery-with-preview {
    padding-bottom: 35px;
}

.gallery-with-preview .photo-box, .gallery-with-preview .preview-box {
    float: left;
    min-height: 100%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.gallery-with-preview .preview-box {position: relative}
.gallery-with-preview .preview-box:after {clear: both}
.gallery-with-preview .preview-box .preview-viewport {
    position: absolute;
    top: 0px;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}


.gallery-with-preview .preview-box .preview-viewport .preview {float: left; overflow: hidden; background: #eee}
.gallery-with-preview .preview-box .preview-viewport .preview.loaded {cursor: pointer;}

/**
 * Transition
 */
.gallery-with-preview .preview-box .preview-viewport .preview img {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.gallery-with-preview .preview-box .preview-viewport .preview.loading img {
    opacity: 0
}
.gallery-with-preview .preview-box .preview-viewport .preview.loaded img {
    opacity: 0.6;
}
.gallery-with-preview .preview-box .preview-viewport .preview.loaded.active img,
.gallery-with-preview .preview-box .preview-viewport .preview.loaded:hover img {
    opacity: 1;
}

/*.gallery-with-preview .photo-box, */
.gallery-with-preview .preview-box {
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.gallery-with-preview .photo-box .image {width: 100%; height: 100%; overflow: hidden; background: #eee; display: none}
.gallery-with-preview .photo-box .image:first-child {opacity: 1;}
.gallery-with-preview .photo-box .image.loaded {cursor: pointer;}

/**
 * Transition
 */
.gallery-with-preview .photo-box .image img {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.gallery-with-preview .photo-box .image.loading img {
    opacity: 0
}
.gallery-with-preview .photo-box .image.loaded img {
    opacity: 1;
}

.gallery-with-preview .photo-box .image img.w, .gallery-with-preview .preview-box .preview img.w {max-width: 100%}
.gallery-with-preview .photo-box .image img.h, .gallery-with-preview .preview-box .preview img.h {max-height: 100%}

.gallery-with-preview .photo-box .photo-box-prev {
	width: 50%; height: 100%; position: absolute; top: 0; left: 0;
    cursor: url(../images/prev.png), auto
}
.gallery-with-preview .photo-box .photo-box-next {
	width: 50%; height: 100%; position: absolute; top: 0; right: 0;
    cursor: url(../images/next.png), auto
}

.gallery-with-preview .photo-box .photo-box-prev > a {
    position: absolute;
    left: 25px;
    height: 42px;
    width: 24px;
    background: url('../images/prev.png') no-repeat;
    top: 50%;
    margin-top: -21px;
    display: none;
}

.gallery-with-preview .photo-box .photo-box-next > a {
    position: absolute;
    right: 25px;
    height: 42px;
    width: 24px;
    background: url('../images/next.png') no-repeat;
    top: 50%;
    margin-top: -21px;
    display: none;
}

.gallery-with-preview .photo-box .photo-box-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.gallery-nav {
    padding-bottom: 7px;
	font-size: 10px;
    text-transform: uppercase;
}

.gallery-nav a {
	text-decoration: none;
}

/**
 * Section Container
 **/
body > .page > section > .slider {
	position: relative;
	display: none;
	overflow: hidden;
	padding: 0;
	max-width: 1120px;
	padding-bottom: 20px;
	height: 0;
}

body > .page > section.galcategory > .slider {
	padding-bottom: 40px;
}

body > .page > section > .slider section {
	visibility: hidden;
	padding-top: 0;
	margin-bottom: 0;
}

body > .page > section > .slider.state-showing .icon-cancel,
body > .page > section > .slider.state-loading .icon-cancel {
	display: none;
}

body > .page > section > .slider .close {
	font-family: Verdana;
	text-align: center;
	margin-bottom: 20px;
}

body > .page > section > .slider .close #icon-close {
	cursor: pointer;
}

body > .page > section > .slider h1 {
	text-align: center;
	font-size: 14px;
	margin: 0;
	padding: 0 0 25px 0;
}

body > .page > section > .slider > .spinner {
	display: none;
}

/**
 * Scroll top button
 */
.scroll-top-btn {
    margin: 0;
    position: fixed;
    width: 65px;
    right: 0px;
    height: 100%;
    top: 0;
}
.ico-open-svg {
    opacity: 1;
    position: absolute;
    bottom: 63px;
    cursor: pointer;
    -o-transition: all 0.3s ease;
    -ms-transition: all opacity 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
}
.ico-open-svg.offScreen {
    opacity: 0;
}
.ico-open-svg svg {
    display: block;
    margin: 0 auto;
}
.scroll-top-btn:hover path {
    fill: #616161;
}
.scroll-top-btn path {
    fill: #404040;
}


/**
 * Social Share
 */
.social-box {
	text-align: center;
}

.social-box .share {
	display: inline-block;
	height: 21px;
	margin-right: 8px;
	vertical-align: top;
	letter-spacing: 0;
}

.social-box .share:last-child {
	margin-right: 0;
}

.social-icons, .share-box {padding:0 0 15px 0; text-align: center}
.social-icons i {font-size: 24px;}

/* #Columns
================================================== */
.column {
	display: inline-block;
	vertical-align: top;
	float: left;
	overflow: hidden;
}

.l-column {
	width: 40%;
}

.r-column {
	width: 60%;
}

img.scale,
.thumbnail img {
	max-width: 100%;
	height: auto;
}

.w60 {
	width: 60%;
}

.w50 {
	width: 50%;
}

.w40 {
	width: 40%;
}

.copy-protector.tooltip {
	display: none;
	position: absolute;
	background: white;
	padding: 4px;
	border-radius: 5px;
	font-size: 11px;
	z-index: 10001;
	opacity: 0.7
}

.column .text-box {
    display: inline-block;
}

/* Form Elements */
.contact .f-text,
.contact .f-textarea {
    border: none;
    outline: none;
    font: 13px Arial, Helvetica, sans-serif;
    color: #7c7c7c;
    margin: 0;
    display: block;
}

.contact .f-text {
    margin: 0px 0px 8px 0px;
    height: 14px;
    padding: 4px;
    line-height: 22px;
}

.contact .f-textarea{
    line-height: 22px;
    padding: 0 4px 0 4px;
    min-height: 171px;
    overflow:hidden;
    margin-top: -2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */
    ::i-block-chrome,.desktop .static-grid  {
        -webkit-backface-visibility: hidden;
    }
}

/**
 * Gallery categories close cross colors
 */
body > .page > section > .slider .close #icon-close path {
	fill: #000000;
}
body > .page > section > .slider .close #icon-close:hover path {
	fill: #000000;
}

/* Grid wrapper */
.static-grid {
    visibility: hidden;
    position: relative;
    width: 100%
}

.static-grid:after  {
    clear: both;

}

/* Grid cell */
.static-grid .static-grid-item {
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

.static-grid.pointer {
    cursor: pointer;
}

.static-grid .static-grid-item .static-grid-cell {
    position: relative;
    height: 100%;
    margin: 0px;
}

/* Image */
.static-grid .static-grid-item  .static-grid-cell .image {
   width: 100%;
   overflow: hidden;
}

.static-grid .static-grid-item  .static-grid-cell .image.h  img.w,
.static-grid .static-grid-item  .static-grid-cell .image.w  img.w  {max-width: 100%}
.static-grid .static-grid-item  .static-grid-cell .image.h  img.h,
.static-grid .static-grid-item  .static-grid-cell .image.w  img.h {max-height: 100%}

/* Transition */
.static-grid .static-grid-item  .static-grid-cell .image,
.static-grid .static-grid-item  .static-grid-cell .image img,
.static-grid.hover .static-grid-item  .static-grid-cell .description {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4 ease-out;
    /*
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; */
}

.static-grid .static-grid-item  .static-grid-cell .image img {
    background: rgba(255, 255, 255, 1);
    opacity: 0;
}

.static-grid .static-grid-item  .static-grid-cell .image img.loaded {
    opacity: 1;
}

.static-grid.pointer .static-grid-item  .static-grid-cell:hover .image {
    opacity: 0.8;
}

.static-grid.hover .static-grid-item  .static-grid-cell:hover .image {
    opacity: 0.4
}

/* Description */
.static-grid.hover .static-grid-item  .static-grid-cell  .description {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
 	height: 100%;
 	width: 100%;
    opacity: 0;
}

.static-grid.hover .static-grid-item  .static-grid-cell:hover .description {
    opacity: 1;
}

/* Description bottom */
.static-grid .static-grid-item  .static-grid-cell  .description {
    position: relative;
    opacity: 1;
}

.static-grid .static-grid-item  .static-grid-cell  .description .cell {
    display: table;
    width: 100%;
    height: 100%
}

.static-grid .static-grid-item  .static-grid-cell  .description .cell .middle {
 	display: table-cell;
    text-align: center;
	vertical-align: middle;
    color: #333;
    font-size: 14px;
    padding: 5px;
}

/* Transition */
.static-grid.hover.static-grid-item  .static-grid-cell .image img,
.static-grid.hover .static-grid-item  .static-grid-cell .description {
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

/* Grid width */
.static-grid.c1 .static-grid-item {width: 100%}
.static-grid.c2 .static-grid-item {width: 50%}
.static-grid.c3 .static-grid-item {width: 33.3333%}
.static-grid.c4 .static-grid-item {width: 25%}
.static-grid.c5 .static-grid-item {width: 20%}
.static-grid.c6 .static-grid-item {width: 16.6666%}
.static-grid.c7 .static-grid-item {width: 14.2857%}
.static-grid.c8 .static-grid-item {width: 12.5%}
.static-grid.c9 .static-grid-item {width: 11.1111%}
.static-grid.c10 .static-grid-item {width: 10%}

.static-grid .static-grid-clearfix {
    clear: both;
}

/* Mobile */
@media only screen and (max-width: 640px) {
    .static-grid.c1 .static-grid-item,
    .static-grid.c2 .static-grid-item,
    .static-grid.c3 .static-grid-item,
    .static-grid.c4 .static-grid-item,
    .static-grid.c5 .static-grid-item,
    .static-grid.c6 .static-grid-item,
    .static-grid.c7 .static-grid-item,
    .static-grid.c8 .static-grid-item,
    .static-grid.c9 .static-grid-item,
    .static-grid.c10 .static-grid-item   {
        clear: both;
        width: 100%;
    }

}

/* #Grid
================================================== */

.grid-wrapper {
    position: relative;
    overflow: hidden;
}

.grid {
	visibility: hidden;
}

.grid > .item {
	margin: 10px;
	cursor: pointer;
	overflow: hidden;
}

.grid > .item a {
	display: block;
}

.grid > .item.fade-on-hover img {
    background: #fff;
    opacity: 0;
}

.grid > .item.fade-on-hover img.loaded {
    opacity: 1;
}

.grid > .item.fade-on-hover:hover img.loaded {
	opacity: 0.8;
}

.grid > .item .caption {
	position: absolute;
    text-align: center;
    display:none;
 	height: 100%;
 	width: 100%;
 	z-index: 3;
}

.grid > .item .caption .middle {
 	display: table-cell;
	vertical-align: middle;
}

.grid > .item .caption h2 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #454545;
    padding: 0 0 5px 0;
    margin: 0 15% 5px 15%;
}

.grid > .item .caption h3 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #a2a2a2;
	padding: 0;
    margin: 0;
}

.grid > .item:hover .caption {
    display:table;
}

.grid > .item.menu {
	background: #f6f6f6;
	padding: 15px;
	color: #838383;
	font-size: 16px;
	cursor: default;
}

.grid > .item.menu h1 {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #dad9d9;
	font-weight: normal;
}

.grid > .item.menu h1:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.grid > .item.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.grid > .item.menu li {
	margin: 5px 0;
}

.grid > .item.menu li a {
	font-size: 13px;
	color: #838383;
}

.grid > .item.menu li.active a{

}

.grid > .item.menu li a:hover {
	color: #383838;
}

.grid > .item.menu li:last-child {
	margin-bottom: 0;
}

.grid > .item img {
	display: block;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}



.one-height-grid {margin-bottom: 35px;}
.one-height-grid-row { padding: 0; margin: 0;}
.one-height-grid-row:after {clear: both}
.one-height-grid-row .one-height-grid-cell {float: left; padding: 0; margin: 0; overflow: hidden;}
.one-height-grid-row .one-height-grid-cell  img {
    display: block; opacity: 0;
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
    margin: 0 auto;
}

.one-height-grid.with-fsbox .one-height-grid-cell  img {
    cursor: pointer;
}

.container.gallery-layout-grid  {
    padding-left: 0px;
    padding-right: 0px
}

.container .gallery-wrapper {
    padding: 0px 30px;
    margin: 0px auto;
}

.fake-line { font-size: 0px; padding: 0px; margin: 0px; opacity: 0px; width: 100%}
.fake-line > img { max-width: 100%; }


.ttemplate.column3 {width: 100%; border-collapse: collapse; padding: 0; margin:  0 auto;table-layout: fixed}
	.ttemplate.column3 td {border-collapse: collapse; padding: 0; margin: 0; width: 100%; vertical-align: top;}
	.ttemplate.column3 td.col {width: 33.333% !important}
	.ttemplate.column3 td.col1 {padding-right: 28px;}
	.ttemplate.column3 td.col2 {padding: 0px 14px;}
	.ttemplate.column3 td.col3 {padding-left: 28px;}
	.ttemplate.column3 .col .ttemplate-header {width: 100%; font-size: 14px; text-transform: uppercase; text-align: center; padding: 6px 0px 20px 0px}
	.ttemplate.column3 .col .ttemplate-image {padding-bottom: 20px; width: 100%}
    .ttemplate.column3 .col .ttemplate-image a {cursor: pointer}
	.ttemplate.column3 .col .ttemplate-image a.no-link {cursor: default}
	.ttemplate.column3 .col .ttemplate-image img {max-width: 100%; border: 0}
	.ttemplate.column3 .col .ttemplate-text {width: 100%; font-size: 13px; line-height: 15px}
	.ttemplate.column3 .ttemplate-text-2 {width: 80%; margin: 60px auto 0 auto; border-top: 1px solid #C9C9C9; padding: 27px 0px; color: #A09F9F; font-size: 13px; font-style: italic; line-height: 1.5; text-align: center;}

/* Socail Box
=====================================*/

.social-box {
	margin-top: 35px;
	text-align: center;
}
.social-box.withoutDesc {
	margin-top: 0px;
}

.social-box .button {
	display: inline-block;
	height: 21px;
	margin-right: 8px;
    margin-bottom: 8px;
	vertical-align: top;
	letter-spacing: 0;
}

.social-box .button:last-child {
	margin-right: 0;
}