Gecko [ contributie.vriendennsm.nl ]

Name	Size	Permission	Date
flexslider.css	5.08 KB	-rwxr-xr-x	2018-04-20 12:55
index.html	44 B	-rwxr-xr-x	2018-04-20 12:55
offline.css	3.28 KB	-rwxr-xr-x	2018-04-20 12:55
print.css	8.25 KB	-rwxr-xr-x	2018-04-20 12:55
styles.css	37.89 KB	-rwxr-xr-x	2018-04-20 12:55
template.css	23.58 KB	-rwxr-xr-x	2018-04-20 12:55

Rename

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

Allerta Joomla! 3 Responsive Template - March 2015
Package tpl-allerta-j3.zip
Version 1.0

http://joothemes.net

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

body.background.defaultbg {background: #f9f9f9;}
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.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 #ccc !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: 147px;
	height: 25px;
	padding: 0px 5px 0px 10px;
	float: left;
	display: inline;
	font-size: 12px;
}

input.button, button.button, button, .btn-primary{
	background-color: #dd171e;
	height: 27px;
	padding: 0 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(0, 0, 0, 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 #ccc;
}

#topbottom input.button{
	float: right;
}

/*Slideshow*/

#slide-wrap, #tfj-slide-wrap{
background-color: #252525;
border-bottom: 1px solid #ccc;
	width: 100%;
	height: auto;
	overflow: hidden; clear: both;
	  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#slide-wrap{
	margin: 0 0 20px 0;
	padding: 0;
}

#tfj-slide-wrap{
	margin: 0;
	padding: 30px 0 35px 0;
}

.flexslider, #tfj-slide{
	width: auto; max-width: 100%; margin: 0 auto;
}

/*Typo*/

div.blog-featured h1.componentheading{
	padding: 40px 0 30px 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: 24px; color: #191919; line-height: normal;}
.items-row h2.item-page-title, .items-row h2.item-page-title a {font-size: 20px; color: #191919; line-height: normal;}
.items-row h2.item-page-title a:hover {font-size: 20px; color: #dd171e;}
.items-row.cols-1 h2.item-page-title a:hover {font-size: 24px; color: #dd171e;}

#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:#0088cc;-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;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: 1px solid #ccc !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{
	background: url(../images/li-arrow-hover.png) left 8px no-repeat;
	padding: 0 0 0 10px;
	text-decoration: 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: #dd171e; 
	color: #fff;
	font: normal 14px/20px sans-serif; 
	height: 20px; 
	text-align: center; 
	width: 20px; 
	position: absolute; 
	left: 0; 
	top: 2px; 
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
 
.category-desc {border-bottom: 1px solid #ccc; margin: 0 0 20px 0; padding-bottom: 18px;}

.nav.nav-tabs.nav-stacked>li>a{background-color:#fff!important; color:#333!important; background: url(../images/li-arrow.png) 4px 11px no-repeat; padding: 5px 0 5px 15px;}
.nav.nav-tabs.nav-stacked>li>a:hover {color: #dd171e !important; background: url(../images/li-arrow-hover.png) 4px 11px no-repeat; padding: 5px 0 5px 15px;}

/*Readmore*/

p.readm{
	margin: 0;
}

p.readmore a, a.readmore, div.item a.readmore{
 	background-color: #dd171e;
 	color: #eaeaea;
	padding: 5px 9px 4px 9px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	text-shadow: 0 1px 1px #c51418;
	-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{
 	color: #fff;
 	background-color: #191919;
 	text-shadow: 0 1px 1px #000;
 		-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: 1px solid #ccc !important; padding:0px !important; }
body div.sigplus-gallery ul > li img { margin:5px !important; border:1px solid #ccc !important; padding:0px !important; }

/*Usermap*/

#usermap_wrapper{
	width: 100%;
	height: auto;
	border-bottom: 1px solid #ccc;
}

#usermap{
	width: auto; max-width: 100%; 
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	clear: both;
}
 
 /*Bottom*/
 
 #bottom_wrapper{
   background-color: #111;
   border-bottom: 1px solid #0b0b0b;
   text-shadow: 0 1px 0 #000;
   width: 100%;
	height: auto;
	padding: 0;
	overflow: hidden;
	  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#bottomgallery_wrapper{
 	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 30px 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: #a1a1a1;
}

#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: #191919;
	background-color: transparent;
	font-size: 20px;
	padding: 0 15px 5px 15px;
	margin: 0 0 10px 0;
}

#user5 h3, #user6 h3{
	border-bottom: 1px solid #393939;
	color: #c4c4c4;
	background-color: transparent;
	font-size: 20px;
	padding: 0 15px 5px 15px;
	margin: 0 0 10px 0;
	text-shadow: 0 1px 1px #000;
}

#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;
  background: url(../images/arrow-bottom.png) left 10px no-repeat;
  padding: 2px 0 4px 10px;
  border-bottom: 1px solid #292929;
}

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: #a1a1a1;
	display: block;
}

#bottom_modules .moduletable ul li a:hover, #bottom_modules a:hover, #bottomgallery a:hover, #user5 a:hover, #user6 a:hover{
	color: white;
}

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

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

#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 #dd171e;
	-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 20px 0;}
#footer ul.menu li {display: inline; padding-right: 24px;}

/*Search*/

div#archive, #searchForm{
	padding: 15px;
	overflow: hidden;
color:#333;margin-bottom:10px; padding:10px 15px;
background: #fff; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #ccc;
}

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;
	background-color: #252525;
	padding: 0;
	color: #B5B5B5;
	font-size: 11px;
 }

ul.breadcrumb{
   width: auto; max-width: 1200px; margin: 0 auto;
	color:#B5B5B5;padding:6px 0 4px 15px;
}

ul.breadcrumb li{
	text-shadow: 0 1px 0 #000;
}

ul.breadcrumb a{
	color: #B5B5B5;
}

.breadcrumb a:hover{
	color: #fff; text-decoration: none;
}

.breadcrumb li.active{
	color: #fff;
}

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{
	 border-bottom: 1px solid #ccc;
}

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) {

#topmininav-w {padding: 0 !important;}

#topmininav ul.social {text-align: center; padding: 10px; float: none; margin: 0 auto; display: none !important;}
#topmininav ul.menu {text-align: center; padding: 10px; float: none; margin: 0 auto; margin-top: 5px;}

#header {height: auto; min-height: 110px; padding: 10px 0;}
.logo {top:15px !important; 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;}

#nav-w {margin-top:  80px !important;}
#wrapper-w { padding: 0 !important;}
div.item {border-bottom: 1px solid #ccc; 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;}

}

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

#header {height: auto; min-height: 60px; padding: 15px 0 0 0;}
.logo {top:15px !important; 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;}

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

#nav-w {margin-top:  100px !important;}
#wrapper-w { padding:0 !important;}
div.item {border-bottom: 1px solid #ccc; 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;}

}

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

div#top {display: none;}
#topmininav ul.social {text-align: center; padding: 10px; float: none; margin: 0 auto;}
#topmininav ul.menu {text-align: center; padding: 10px; float: none; margin: 0 auto; margin-top: 5px;}

.logo {top:30px !important; 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;}

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

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

}

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

div#top {display: none;}
#topmininav ul.social {text-align: center; padding: 10px 0; float: none; margin: 0 auto;}
#topmininav ul.menu {text-align: center; padding: 10px 0; float: none; margin: 0 auto; margin-top: 5px;}

.logo {top:20px; 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;}

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

}

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

#topmininav ul.social {text-align: center; padding: 10px; float: none; margin: 0 auto;}
#topmininav ul.menu {text-align: center; padding: 10px; float: none; margin: 0 auto; margin-top: 5px;}

.logo {top:20px; text-align: left; 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;}

#nav-w {margin-top:  160px !important;}
#wrapper-w { padding:20px 0 0 0 !important;}
div.item {border-bottom: 1px solid #ccc; 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;}

div#xmap 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 {border-bottom: 1px solid #ccc; 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;}

#topmininav {padding-left: 12px !important; padding-right: 2px !important;}

}

@media screen and (min-width: 384px) and (max-width: 768px) {
 
.logo {left: 10px;}

}

@media screen and (max-width: 768px) {
 
img.allertalogo{
	margin: 0 auto;  display: block;
}
#prev, #next, #topcontrol, ul.flex-direction-nav {display: none !important;}
#user1w {margin: 0 auto 30px auto !important;}
#comp-w {padding-left: 15px !important; padding-right: 15px !important;}	
#topmininav {padding-left: 15px !important; padding-right: 15px !important;}

}

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

div#xmap ul.level_0{
  columns: 2 !important;
  -webkit-columns: 2 !important;
  -moz-columns: 2 !important;
  }

}

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

.logo { left: 15px; }

}

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

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

}

/*End mobile override*/

div#xmap ul.level_0{
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  margin: 0;
  }
  
 div#xmap 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: 11px;
	font-weight: 400;
	color: #fff;
	text-shadow: none;
	text-align: center;
	line-height: 1.4em;
	padding: 6px 9px;
	background-color: rgb(221, 23, 30);
	background-color: rgba(221, 23, 30,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(221, 23, 30);
	border-top-color: rgba(221, 23, 30,1);
}

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

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

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

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

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

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

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(221, 23, 30);
	border-left-color: rgba(221, 23, 30,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.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3,1.3);
	transition: all 0.5s;	
}

#comp-i .thumbnail img
{
	transition: all 0.5s;	
}