/*******************************************************************************************

Merri Free Joomla! 3 Responsive Template - April 2017
Package tpl-merri-free-rwd-j3.zip
Version 1.0

@copyright	Copyright (C) 2017 JooThemes.net 

http://joothemes.net

*******************************************************************************************/

body.background.defaultbg {background: #f5f5f5;}
body.background.lnd {background:url(../images/bg/lnd.png) repeat;}
body.background.ilu {background:url(../images/bg/ilu.png) repeat;}
body.background.ski {background:url(../images/bg/ski.png) repeat;}
body.background.reti {background:url(../images/bg/reti.png) repeat;}
body.background.la {background:url(../images/bg/la.png) repeat;}
body.background.wbs {background:url(../images/bg/wbs.png) repeat;}
body.background.lght {background:url(../images/bg/lght.png) repeat;}
body.background.nn {background:url(../images/bg/nn.png) repeat;}
body.background.noisel {background:url(../images/bg/noisel.png) repeat;}
body.background.hex {background:url(../images/bg/hex.png) repeat;}
body.background.agrey {background:url(../images/bg/agrey.png) repeat;}
body.background.pyr {background:url(../images/bg/pyr.png) repeat;}
body.background.lknb {background:url(../images/bg/lknb.png) repeat;}

body.contentpane {padding: 20px;}
div.formelm label{
	width: 100px; display: inline-block; margin-bottom: 7px;
}

/*mod_search*/

#top form.form-inline{
	width: 245px;
	height: auto;
	float: right;
	margin: 0 7px 0 0;
}

#top input#mod-search-searchword{
	background-color: #e7e7e7;
	width: 142px;
	height: 25px;
	padding: 0px 5px 0px 10px;
	float: left;
	display: inline;
	font-size: 12px;
	color: #353535;
	border: 1px solid #e4e4e4 !important;
	-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
}

#top input#mod-search-searchword:hover, #top input#mod-search-searchword:focus{
   -webkit-box-shadow: 0px 0px 100px 0px #e7e7e7;
   -moz-box-shadow: 0px 0px 100px 0px #e7e7e7;
    box-shadow: 0px 0px 100px 0px #e7e7e7; 
}

input#mod-search-searchword{
	width: 106px;
	height: 30px !important;
	padding: 0px 5px 0px 10px;
	float: left;
	display: inline;
	font-size: 14px;
}

input.button, button.button, button, .btn-primary{
	background-color: #343434;
	height: auto;
	padding: 6px 14px;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	border: 0;
	-webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   text-shadow: 0 -1px 0 rgba(52,52,52, 1);
}

input.button:hover, button.button:hover, button:hover, .btn-primary:hover{
 	color: #fff;
	background-color: #5f5f5f;
	border: 0;
}

#topbottom input#mod_search_searchword:hover,
#topbottom input#mod_search_searchword:focus{
	background-color: #636363;
	border: 1px solid #e4e4e4;
}

#topbottom input.button{
	float: right;
}


/*Slideshow*/

#slide-wrap {
	width: 100%;
	height: auto;
	overflow: hidden; clear: both;
	margin: 0 0 40px 0;
	padding: 0;
}

.flexslider {
	width: auto; max-width: 100%; margin: 0 auto;
}

/*Typo*/

div.blog-featured h1.componentheading{
	padding: 20px 0; margin-bottom: 15px; text-transform: uppercase; text-align: center;
}

.items-row.cols-1 h2.item-page-title, .items-row.cols-1 h2.item-page-title a {font-size: 30px; color: #343434; line-height: normal; text-align: center;}
.items-row h2.item-page-title, .items-row h2.item-page-title a {font-size: 20px; color: #343434; line-height: normal; text-align: center;}
.items-row h2.item-page-title a:hover {font-size: 20px; color: #000;}
.items-row.cols-1 h2.item-page-title a:hover {font-size: 30px; color: #999;}

.leading-row h2.item-page-title{
	text-align: center;
}

#wrapper .thumbnail {display:block;padding:0 !important;-radius:0;-moz-border-radius:0;border-radius:0; border: 0;-webkit-box-shadow:0 0 0 !important;-moz-box-shadow:0 0 0 !important;box-shadow:0 0 0 !important; overflow: hidden;}
#wrapper .thumbnail img, .imgborder{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
#wrapper a.thumbnail:hover{border-color:#000;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
#wrapper .thumbnail>img{display:block;width: 100%; max-width:100%;margin-left:auto;margin-right:auto;}
#wrapper .thumbnail .caption{padding:9px;color:#555555;}

#wrapper .contact .thumbnail {display:inline-block;}

div .thumbnail img, .imgborder {border: 0 !important;}

.item-page ul, div.description ul, .category-desc ul { list-style: none; margin: 0 0 15px 5px;}

.item-page ul li, div.description ul li, .category-desc ul li, ul#archive-items li ul li, ul.level_1 li{
	padding: 0;
	text-decoration: none;
 }
 
.item-page ul li:before, div.description ul li:before, .category-desc ul li:before, ul#archive-items li ul li:before, ul.level_1 li:before {
content:'';
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
margin-right: 7px;
border-style: solid;
border-width: 4px;
border-color: #343434;
line-height: 0px;
_border-color: #343434;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#343434');

-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

 }
 
.item-page ul li.previous:before, .item-page ul li.next:before, .item-page ul.tags.inline li:before, .edit.item-page ul.nav.nav-tabs li:before{
	content:none;
}
 
.item-page ol, div.description ol, .category-desc ol { counter-reset: li; margin-bottom: 15px; list-style: none; padding: 0}

.item-page ol li, div.description ol li, .category-desc ol li{ position: relative; padding-left: 30px;}

.item-page ol li:before, div.description ol li:before, .category-desc ol li:before { 
	content: counter(li); 
	counter-increment: li; 
	background: #343434; 
	color: #fff;
	font: normal 14px/20px sans-serif; 
	height: 20px; 
	text-align: center; 
	text-shadow: 0 1px 1px #000;
	width: 20px; 
	position: absolute; 
	left: 0; 
	top: 2px; 
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
 
.category-desc {padding-top: 20px;}

.items-more .nav.nav-tabs.nav-stacked>li{border: 0 !important;}
.nav.nav-tabs.nav-stacked>li>a{background-color:#fff!important; color:#676767 !important; padding: 5px 0;}
.nav.nav-tabs.nav-stacked>li>a:hover {color: #343434 !important; padding: 5px 0;}

/*Readmore*/

p.readm {margin: 15px 0 0 0; text-align: center;}

p.readmore a, a.readmore, div.item a.readmore, .flex-caption a{
 	background-color: #343434 !important;
 	color: #fff !important;
	padding: 8px 16px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 1px;
	text-shadow: 0 1px 1px #000 !important;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
 }
 
p.readmore a:hover, a.readmore:hover, div.item a.readmore:hover, .flex-caption a:hover{
 	color: #fff !important;
 	background-color: #676767 !important;
 	text-shadow: 0 1px 1px #000 !important;
 		-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	animation-delay: 0.1s; /* W3C and Opera */
	-moz-animation-delay: 0.1s; /* Firefox */
	-webkit-animation-delay: 0.1s; /* Safari and Chrome */
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.3s;
	-moz-animation-duration:0.3s;
	-ms-animation-duration:0.3s;
	-o-animation-duration:0.3s;
	animation-duration:0.3s;
 }
 
span.hits{
	padding: 10px 0 0 0; display: block;
}
 
/*Sigplus gallery*/

body div.sigplus-gallery ul > li img { margin:5px !important; border: 0 !important; padding:0px !important; }
body div.sigplus-gallery ul > li img { margin:5px !important; border: 0 !important; padding:0px !important; }

/*Usermap*/

#usermap_wrapper{
	width: 100%;
	height: auto;
	padding: 40px 0;
}

#usermap{
	width: auto; max-width: 1200px; 
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	clear: both;
}
 
 /*Bottom*/
 
 #bottom_wrapper{
   background-color: #f4f4f4;
   text-shadow: 0 1px 1px #fff;
   width: 100%;
	height: auto;
	padding: 0;
	overflow: hidden;
}

#bottomgallery_wrapper{
 	width: 100%;
	height: auto;
	background-color: #fafafa;
	padding: 35px 0 45px 0;
 }

#bottomgallery{
	width: auto; max-width: 1200px; 
	margin: 0 auto;
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	clear: both;
	text-align: left;
	position: relative;
}

#user56{
	width: auto; max-width: 1200px; margin: 0 auto;
	height: auto;
	text-align: left;
   padding: 41px 0 20px 0;
	overflow: hidden;
	clear: both;
	color: #555;
}


#user5, #user6{
	width: auto; max-width: 1200px;
	height: auto;
   padding: 0;
	overflow: hidden;
	clear: both;
}

#user5w, #user6w { padding:20px 0 0 0;}

#bottomgallery h3 {
	color: #444;
	background-color: transparent;
	font-size: 20px;
	padding: 0 15px 5px 5px;
	margin: 0 0 10px 0;
}

#user5 h3, #user6 h3{
	color: #444;
	background-color: transparent;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0 15px 5px 15px;
	margin: 0 0 10px 0;
}

#bottom_modules ul, #bottomgallery ul, #user5 ul, #user6 ul{
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#bottom_modules ul li, #bottomgallery ul li, #user5 ul li, #user6 ul li, #bottom_wrapper form a{
  margin: 0 0 3px 0;
  padding: 2px 0 4px 0;
}

a.llast{
	border-bottom: 0 !important;
}

#bottom_modules ul li:last-child, #bottomgallery ul li:last-child, #user5 ul li:last-child, #user6 ul li:last-child{
  border-bottom: none;
}


#bottom_modules .moduletable ul li a, #bottom_modules a, #bottomgallery ul li a, #user5 ul li a, #user5 a, #user6 ul li a, #user6 a{
	text-decoration: none;
	color: #555;
	display: block;
	border-bottom: 2px solid #f4f4f4;
}

#bottom_modules .moduletable ul li a:hover, #bottom_modules a:hover, #bottomgallery a:hover, #user5 a:hover, #user6 a:hover{
	color: #000; border-bottom: 2px solid;
}

#bottom_modules a, #bottomgallery a{
	color: #555;
	text-decoration: none;
}

#bottom_modules a:hover, #bottomgallery a:hover{
   color:#000;
}

#user5 .module, #user6 .module{
	margin-bottom: 30px;
} 

#bottom_modules .modulecontent, #bottomgallery .modulecontent, #user5 .module-body, #user6 .module-body{
	padding: 15px 15px 0 15px;
}

#bottomgallery .module-body{
	padding-top: 15px;
}

#bottom_wrapper form label {font-size: 12px !important}
#bottom_wrapper form .nav-list {padding:5px 0 0 0;margin-bottom:0;}
#bottom_wrapper form a i {display: none;}

/*--------------------*/

input:hover, input.invalid:hover, select:hover, textarea:hover, form#emailForm input.inputbox:hover, input.inputbox:hover, .modulecontent form.form-login fieldset input:hover, input.inputbox.search-query:hover,
input:focus, input.invalid:focus, select:focus, textarea:focus, form#emailForm input.inputbox:focus, input.inputbox:focus, .modulecontent form.form-login fieldset input:focus, input.inputbox.search-query:focus{
	border: 1px solid #000;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

button.button.btn:hover, button.btn:hover, input.button.btn:hover, input.btn:hover{
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}


/*bottom social icons*/

#bottom_social_wrapper{
 	width: 100%;
 	height: auto;
	min-height: 38px;
	font-size: 12px;
	background-color: #000;
 }
 
#bottom_social{
	width: auto; max-width: 1200px;
	height: auto;
	margin: 0 auto;
 }

#bottom_social ul.social {list-style: none; text-align: center; padding: 4px 0 0 0;}
#bottom_social ul.social li {display: inline; padding: 0 1px;}


/*Footer*/

#footer ul.menu {font-size: 16px; list-style: none; margin: 0 0 35px 0;}
#footer ul.menu li {display: inline; padding-right: 24px;}

/*Search*/

div#archive, #searchForm{
	padding: 15px;
	overflow: hidden;
color:#676767;margin-bottom:10px; padding:10px 15px;
background: #fbfbfb;
}

div.searchintro, div.ordering-box, div.form-limit{
	margin: 20px 0 0 0;
}

div.search-results{
	margin: 35px 0 0 0;
}

dd.result-category, dd.result-created{
	font-size: 10px; text-transform: uppercase; color: #A0A0A0;
}

label input[type="checkbox"], label input[type="radio"]{display: inline-block; vertical-align: top;}

/*Contact*/

div.list-title{
	font-size: 18px;
}

/*Breadcrumb*/

#breadcrumb-w{
 	width: 100%;
	height: auto;
	padding: 0;
	font-size: 12px;
background: rgba(255, 255, 255, 1);
}

ul.breadcrumb{
   width: auto; max-width: 1190px; margin: 0 auto;
	color:#676767;padding:10px 5px 8px 5px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

ul.breadcrumb li{
	text-shadow: 0 0 0 #fff;
}


ul.breadcrumb a{
	color: #676767;
}

.breadcrumb a:hover{
	color: #676767; text-decoration: underline;
}

.breadcrumb li.active{
	color: #676767; font-weight: 400;
}

ul.breadcrumb div{display:inline-block; line-height: 28px; padding: 0 1px}

ul.breadcrumb .divider{color:#B5B5B5;}

/*tags*/

ul.category.list-striped{
	list-style: none; margin: 0;
}

ul.category.list-striped li{
	 
}

ul.category.list-striped h3{
	padding: 10px 0;
}

.registration form label,
.remind form label,
.reset form label,
.login form label,
.profile__edit form label,
.edit label
{
	display: inline-block;
	margin-right: 20px;
}

.profile .dl-horizontal dt{float:left;width:140px;clear:left;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile .dl-horizontal dd{margin-left:150px;}


/* Mobile Table*/
@media screen and (min-width: 768px) {

.contact .dl-horizontal {margin-bottom: 20px;}
.contact .dl-horizontal:after{clear: none;}
.contact .dl-horizontal dt{width: 150px;}
.contact .dl-horizontal dd{margin-left:160px;}
.contact .contact-position.dl-horizontal dd{margin-left: 160px;}

}


@media screen and (max-width: 240px) {

#header {height: auto; min-height: 110px; padding: 10px 0;}
.logo {margin-top:15px; margin-bottom: 15px; text-align: center; width: 95%;}
.logo a{line-height: 36px !important; font-size:32px !important;}
.logo a span{display: block; width: 95%; text-align: center;}
.logo a span.sitedescription {float: none; font-size:14px; text-align: center; width: 95%; display: block;}

#wrapper-w { padding: 0 !important;}
div.item { padding-bottom: 15px; margin-bottom: 15px; }
div.blog .items-row {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

div.search, ul.flex-direction-nav {display: none;}

input,textarea,.uneditable-input{width:150px !important;}

.componentheading {font-size:20px; line-height:26px;}
.blog-featured .items-row{padding: 15px 0 0 0;}

#bottomgallery_wrapper {padding: 30px 0 0 0;}

h1{font-size:20px; line-height:22px;}h2 {font-size:18px; line-height:18px;}h3 {font-size:16px; line-height:16px;}h4,h5,h6 {font-size:14px; line-height:14px;}

#user2 .module, #user3 .module, #comp, #sidebar .module, #user4w {padding: 10px;}

.search .inputbox {width: 120px;}

}

@media screen and (min-width: 241px) and (max-width: 320px) {

#header {height: auto; min-height: 60px; padding: 15px 0 0 0;}
.logo {margin-top:15px; margin-bottom: 15px; text-align: center; width: 95%;}
.logo a{line-height: 46px !important; font-size:42px !important;}
.logo a span{display: block; width: 95%; text-align: center;}
.logo a span.sitedescription {float: none; font-size:18px; text-align: center; width: 95%; display: block;}

ul.flex-direction-nav {display: none;}

#wrapper-w { padding:0 !important;}
div.item { padding-bottom: 15px; margin-bottom: 15px; }
div.blog .items-row {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

.contact .pull-right {float: left !important; display: block; width: 100%;}
.contact .thumbnail.pull-right {margin-left: 0 !important; float: left !important; }
.contact .thumbnail>img{margin-left:0 !important;}

#bottom_social_wrapper { padding-bottom: 7px;}

h1{font-size:22px; line-height:24px;}h2 {font-size:20px; line-height:20px;}h3 {font-size:18px; line-height:18px;}h4,h5,h6 {font-size:16px; line-height:16px;}

#user2 .module, #user3 .module, #sidebar .module, #user4w {padding: 10px;}
#comp-w, #comp {padding-left: 0; padding-right: 0;}
.item-page, .reset, .remind, .registration, .login, .profile, .profile-edit, .edit, .search, .contact-category, .contact, .osmap-sitemap, .tag-category {padding: 15px;}
#jc h4 {padding: 35px 0 19px 15px;}
#comments .comments-list {margin-left: 15px;}
#jc .jcbox {margin: 0 15px 0 0;}
#comments-form {margin: 0 15px;}
.thumbnail.pull-right {margin-left: 0!important; float: left;}
ul.breadcrumb, #bottomgallery h3 {text-align: center;}

.search .inputbox {width: 120px;}

}

@media screen and (min-width: 321px) and (max-width: 480px) {

div#top {display: none;}

.logo {margin-top:15px; margin-bottom: 15px; text-align: center; width: 95%;}
.logo a{line-height: 46px !important; font-size:42px !important;}
.logo a span{display: block; width: 100%; text-align: center;}
.logo a span.sitedescription {float: none; font-size:18px; text-align: center; width: 100%; display: block;}

ul.flex-direction-nav {display: none;}

#wrapper-w { padding:20px 0 0 0 !important;}
div.item { padding-bottom: 15px; margin-bottom: 15px; }
div.blog .items-row {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

h1{font-size:24px; line-height:24px;}h2 {font-size:20px; line-height:20px;}h3 {font-size:18px; line-height:18px;}h4,h5,h6 {font-size:16px; line-height:16px;}

.thumbnail.pull-right {margin-left: 0!important; float: left;}
ul.breadcrumb, #bottomgallery h3 {text-align: center;}

.search .inputbox {width: 120px;}

}

@media screen and (min-width: 481px) and (max-width: 599px) {

div#top {display: none;}

.logo {margin-top:15px; margin-bottom: 15px; text-align: center; width: 95%;}
.logo a span{display: block; width: 100%; text-align: center;}
.logo a span.sitedescription {float: none; font-size:18px; text-align: center; width: 100%; display: block;}

#wrapper-w { padding:20px 0 0 0 !important;}
div.item {padding-bottom: 15px; margin-bottom: 15px; }
div.blog .items-row {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
h1{font-size:26px; line-height:26px;}h2 {font-size:20px; line-height:20px;}h3 {font-size:18px; line-height:18px;}h4,h5,h6 {font-size:16px; line-height:16px;}

.thumbnail.pull-right {margin-left: 0!important; float: left;}
ul.breadcrumb, #bottomgallery h3 {text-align: center;}

}

@media screen and (min-width: 600px) and (max-width: 797px) {

.logo {margin-top:15px; margin-bottom: 15px; text-align: center; width: 95%;}
.logo a span{display: block; width: 100%; text-align: center;}
.logo a span.sitedescription {float: none; font-size:18px; text-align: center; width: 100%; display: block;}

#wrapper-w { padding:20px 0 0 0 !important;}
div.item {padding-bottom: 15px; margin-bottom: 15px; }
div.blog .items-row {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

ul.breadcrumb {padding:6px 0 4px 10px;}

div#footer {text-align: center;}

.osmap-items ul.level_0{
  columns: 1 !important;
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  }

div.blog .items-row {border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

div.span3, div.span4, div.span6 {padding-bottom: 20px; margin-bottom: 20px; }
#bottom_wrapper div.span3, #bottom_wrapper div.span4, #bottom_wrapper div.span6, #bottom_wrapper div.span12 {border-bottom: 0; padding-bottom: 5px; margin-bottom: 15px; }

input[type=checkbox] { width: auto !important;}

ul.breadcrumb, #bottomgallery h3 {text-align: center;}

}

@media screen and (min-width: 384px) and (max-width: 768px) {

}

@media screen and (max-width: 797px) {
 
#header {min-height: 40px;}
img.lightbloglogo {margin: 0 auto;  display: block;}
.bannertop{float: none; text-align: center; overflow: hidden; clear: both; display: block; width: 100%;}
#prev, #next, #topcontrol, ul.flex-direction-nav, .stickysocial {display: none !important;}
#user1w {margin: 0 auto 30px auto !important;}
#comp-w {padding-left: 15px !important; padding-right: 15px !important;}	

}


@media screen and (max-width:999px) {

.osmap-items ul.level_0{
  columns: 2 !important;
  -webkit-columns: 2 !important;
  -moz-columns: 2 !important;
  }

}

@media screen and (min-width:999px) {

}


@media screen and (max-width:1024px) {

#comp-w {padding-left: 15px !important; padding-right: 15px !important;}

}


/*End mobile override*/

.osmap-items{
	padding: 35px 0 0 0;
}

.osmap-items ul.level_0{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  margin: 0;
  }
  
 .osmap-items ul {list-style: none;}
  
.muted{
	margin-top: 30px;
}

.contact dl.contact-address.dl-horizontal{
	margin-bottom: 20px;
}

/* ToolTip CSS  */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 8px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-shadow: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.4em;
	padding: 9px 14px;
	background-color: rgb(52,52,52);
	background-color: rgba(52,52,52,1);
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: rgb(52,52,52);
	border-top-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: rgb(52,52,52);
	border-bottom-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: rgb(52,52,52);
	border-right-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: rgb(52,52,52);
	border-left-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(52,52,52);
	border-top-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(52,52,52);
	border-bottom-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(52,52,52);
	border-right-color: rgba(52,52,52,1);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(52,52,52);
	border-left-color: rgba(52,52,52,1);
}

/*End ToolTip*/

/*Greyscale filter*/

.grayscale, .ot_image {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade, .ot_image {
  -webkit-transition: -webkit-filter .5s;
}

.grayscale.grayscale-fade:hover, .ot_image:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg, .ot_image svg{
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.grayscale-replaced.grayscale-fade:hover svg, .ot_image:hover svg {
  opacity: 0;
}

/* End greyscale filter*/


/* Images transform */

#comp-i .thumbnail img:hover
{
-ms-transform:scale(1.15);
-webkit-transform:scale(1.15);
transform:scale(1.15);-moz-opacity:0.90;-khtml-opacity:0.90;opacity:0.90;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90)
}

#comp-i .thumbnail img
{
-ms-transform: scale(1));
-ms-transition: all 0.2s ease-out 0s;
-webkit-transform: scale(1);
-webkit-transition: all 0.2s ease-out 0s;
transform: scale(1);
transition: all 0.2s ease-out 0s;
}