html, 					
body 					{height: 100%;margin: 0;padding: 0;}

@font-face {
	font-family: 'dekarregular';
    src: url('/css/fonts/dekar-webfont.woff2') format('woff2'),
         url('/css/fonts/dekar-webfont.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}	
@font-face {	
	font-family: 'dekar_lightregular';
    src: url('/css/fonts/dekar_light-webfont.woff2') format('woff2'),
         url('/css/fonts/dekar_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#wrapper {
	min-height: 100%;
	width:1500px;
	margin:0 auto -44px auto !important;
}

.player				{position: absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px}
.logo_site			{width:174px;margin-left:6px}
#logo				{height:135px}
#logo a				{display:inline-block;}
#bottom,
#top				{width:100%;height: 44px !important}
#bottom_spacer 		{height: 44px !important;}

#column_menu 		{width:180px;position:relative;overflow:hidden; height:100%; min-height:500px;float:left; background-color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
#column_content		{position: relative;height: 100%;width:1260px; margin-left:60px;float:left; min-height:500px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background-color:#fff; padding:0;}

.clear_both			{clear:both}
.content_width		{width:1500px; margin:0 auto; text-align:right}
.content_width2		{width:1260px; float:right}

/* ------------------------ TO SMALL ------------------------ */

#toosmall 			{display:none; text-align:center; padding:20px;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}



/* ------------------------ LINKS ------------------------ */

a#scrollup 				{width:44px;height:44px; z-index:10001; position:fixed;bottom:44px;margin-left:135px;display:none;background-image:url('/images/arrows.png'); background-repeat:no-repeat; background-position: 0 -90px;}
a:hover#scrollup		{background-position: 0 -132px !important;}
.scrolldown				{position:absolute;bottom:20px; left:50%;margin-left:-25px;width:50px; height:50px; background-color:#fff;background-image:url('/images/arrows.png'); background-repeat:no-repeat; background-position: 0 -100px; display:block;}
.scrolldown:hover		{background-color:#000;background-position: -50px -100px;}
a						{text-decoration:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

/* ------------------------ CONTENT ------------------------ */



/* ------------------------ BOTTOM ------------------------ */


#bottom	a								{text-decoration:none}


.bottom_nav								{margin:0; padding:0; list-style:none }
.bottom_nav li	 						{margin:11px 0 0 0; padding:0; height:22px; line-height:22px;font-size:14px;font-weight:300;}

.bottom_nav li a span.mnu_txt				{background-color:#fff;color:#000;height:22px;float:left;padding:0 5px;margin:0; line-height:22px; text-decoration:none; outline-style:none;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.bottom_nav li a span.mnu_square			{background-color:#000;color:#000;height:22px;width:6px;float:left;padding:0;margin:0;margin-right:1px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.bottom_nav li a:hover  span.mnu_txt,
.bottom_nav li a:hover  span.mnu_square	{background-color:#000;color:#fff}
#bottom_col1,
#bottom_col1 a 							{float:left; padding-left:6px}
#bottom_col2,
#bottom_col2 a 							{float:right}

/* ------------------------ GALLERY ------------------------ */

.detail_square	{float:left; width:5px; height:20px; background-color:#666; margin-right:10px}

.padding_20		{padding:20px}

#rev_slider_wrapper, .row img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.5s ease;
}

.se-pre-con2 {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:transparent url(/images/loading.gif) center no-repeat;
}

.select_cat	{width:201px; background-color:#000; height:44px; line-height:44px; overflow:hidden; font-size:18px; float:right; text-align:left; border-left:1px #fff solid;}
.select_cat a {color:#fff !important;text-decoration:none; display:block; overflow:hidden; padding-left:10px }

.arrow_back {width:44px;height:44px;display:block;background-image:url('/images/arrows.png'); background-repeat:no-repeat; background-position: -44px 0; float:left;}
.arrow_back:hover {background-position: 0 0; background-color:#000}

.block2						{overflow:hidden; position:relative;}
.block_hidden				{visibility: hidden !important;}

.hoverdir  {
	overflow: hidden;
	position:relative
}

.hoverdir:hover  img {
	-webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
   filter: grayscale(0%);
}


.img_hover  {
	position:absolute; 
	width:100%; 
	height:100%; 
	display:block; 
	overflow: hidden;
}

.img_hover:hover { 
	background-color:transparent !important;
}

.hoverdir2  {
	overflow: hidden;
	position:relative;
	border:1px aqua solid;
	padding:10px
	
}


.img_hover2 {
	position:absolute; 
	margin:10px;
	width:100%; 
	height:100%; 
	display:block; 
	overflow: hidden;
}

.img_caption {
	position:absolute; 
	width:100%;  
	height:100%;
	display: block; 
	z-index:1001; 
	top:100%;
	background-color: rgba(255,255,255,0);
	text-align:center
}



.img_text {
	position:absolute;
	width:100%;
	left:0;
	bottom: 29px;
	text-align:center;
	
}

.img_text_bg {
	color: #000;
	display:inline-table;
	padding:5px 10px;
	border-top:6px black solid;
	border-bottom:2px black solid;
	background-color: rgba(255,255,255,0.6)
}

.caption_title1 {
	display: block; 
	font-size:16px !important
}

.caption_title2 {
	display: block; 
	font-size:14px !important
}

.caption_title3 {
	display: block; 
	font-size:12px !important;
	font-style:italic;
	font-weight:900
}

.grid_slide1 {
    animation:grid_fade1 8s infinite !important;
	-webkit-animation:grid_fade1 8s infinite !important;
}

.grid_slide2 {
    animation:grid_fade2 8s infinite !important;
	-webkit-animation:grid_fade2 8s infinite !important;
}

.grid_slide3 {
    animation:grid_fade3 8s infinite !important;
	-webkit-animation:grid_fade3 8s infinite !important;
}

@-webkit-keyframes grid_fade1
{
  0%   {opacity:1 !important}
  33.333% { opacity: 0 !important}
  66.666% { opacity: 0 !important}
  100% { opacity: 1 !important}
}

@keyframes grid_fade1
{
  0%   {opacity:1 !important}
  33.333% { opacity: 0 !important}
  66.666% { opacity: 0 !important}
  100% { opacity: 1 !important}
}

@-webkit-keyframes grid_fade2
{
  0%   {opacity:0 !important}
  33.333% { opacity: 1 !important}
  66.666% { opacity: 0  !important}
  100% { opacity: 0 !important}
}

@keyframes grid_fade2
{
  0%   {opacity:0 !important}
  33.333% { opacity: 1 !important}
  66.666% { opacity: 0  !important}
  100% { opacity: 0 !important}
}

@-webkit-keyframes grid_fade3
{
  0%   {opacity:0 !important}
  33.333% { opacity: 0 !important}
  66.666% { opacity: 1 !important}
  100% { opacity: 0 !important}
}

@keyframes grid_fade3
{
  0%   {opacity:0 !important}
  33.333% { opacity: 0 !important}
  66.666% { opacity: 1 !important}
  100% { opacity: 0 !important}
}



/* ------------------------ DETAIL ------------------------ */


.block2 .img_caption {
	background-color: rgba(255,255,255,0.5)
}

.detail_hover  {
	display:block; 
	overflow: hidden;
}

.img_caption:hover  .detail_icon{ 
	animation: fade-in 0.5s ease-out forwards
}

.detail_icon {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
	margin-top: -20px;
	text-align:center;
	font-size:48px;
	color: #000;
	opacity: 0;
	background-color: rgba(255,255,255,0)
}


@-webkit-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}