/* cmsms stylesheet: lr2017 modified: 20/11/22 20:53:23 */
html, body {
	font-family: 'Abel', sans-serif;
	font-size: 105%;
min-height:100%;
}

h2, h3 { font-weight: bold; }
a { color: #222; }
a:hover { color: #a1c039; }
.active a { color: #a1c039; }

.clear { clear: both; }

.homepage {
	background: #222;
}

.pages {
	background: #fff;
}

a:hover {
	text-decoration: none;
}

.pagecontent {
	margin-top: 50px; 
	margin-bottom: 100px; 
}

.pagecontent h3 { margin: 30px 0 30px 0; }
.pagecontent .img-responsive { 
	padding: 0;
	margin: 40px 0 20px 0;
}

.fullpage { 
	margin-top: 50px; 
	background-color: #333;
	color: #fff;
}
.height-full{height: 100% !important; margin: 0; padding:0; overflow: hidden;}
.height-half{height: 50%;display: table;margin: 0; padding: 0; overflow: hidden;}
.height-quarter{height: 25%;display: table;margin: 0; padding: 0; overflow: hidden;}

.navbar-brand { padding: 12px; }
@media (min-width:768px) {
.navbar-header { margin-right: 80px; }
}

.red { background-color: red; }
.blue { background-color: blue; }
.green { background-color: green; }

.footer {
	background-color:#222;
}

.footer .social { margin-right: 10px; }
.footer .social a {
    color: #aaa;
    font-size: 20px;
    margin: 10px 3px;
		display:inline-block;		
}

.footer .links a:hover {
    color: #fff;
}

.footer .links a {
    color: #888;
    padding: 10px;
		display: inline-block;
}

.footer .social a:hover {
    color: #a1c039;
}

@media (max-width: 768px) { .carousel-caption  { top: 5%; } } 
@media (min-width: 768px) { .carousel-caption  { top: 20%; } }
.carousel-caption { height: 100%;  }
.carousel-caption h3 { font-size: 300%; }
.carousel-caption h3 span { color: #a1c039; font-weight: bold;}
.carousel-caption p { font-size: 150%; }

.btn {
    text-transform: uppercase;
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    padding: 5px 25px;
    letter-spacing: 2px;
}

.btn:hover, .btn:active {
	background: #a1c039;
	color: #fff;
}

.block{background-size:105%; display: table-cell;vertical-align: middle;text-align: center;position: relative;background-position: center;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; background-repeat: no-repeat;}
.block:hover{background-size:125%;}
.block .info{background:rgba(146,199,4,0.9);color: #fff;display: none;text-align: center; padding: 20px;}
.block .info h3{ margin:5px 0; font-size:200% font-weight:bold;}
.block:hover .info{display: inline-block;}

.formation  .overlay{background: rgba(20,20,183,0.6);color: #fff;padding: 20px;}
.photograph  .overlay{background: rgba(20,20,183,0.6);color: #fff;padding: 20px;}
.scarlet .overlay {background: rgba(240,20,20,0.6);color: #fff;padding: 20px;}
.voo .overlay{background: rgba(234,0,110,0.6);color: #fff;padding: 20px;}
.photoprint .overlay{background: rgba(161,192,57,0.6);color: #fff;padding: 20px 20px;}

.block .overlay .store-info{display: table; vertical-align: middle;height: 100%;width: 100%;}
.block .overlay .store-info .desc{display: table-cell; vertical-align: middle;}
.block .overlay h4{margin:0 0 10px 0;border-bottom: 1px solid #ccc;display: inline-block;padding-bottom: 4px;}
.block .overlay p{margin-bottom: 0px;}
.block h4 { font-size:150%; font-weight: bold; }

.voo {
	background-image: url(/uploads/images/voo.jpg);
}

.voo .info { background: #fff;  color:rgba(234,0,110,0.9); }
.voo .btn:hover, .voo .btn:active, .scarlet .btn:hover, .scarlet .btn:active {
	color: rgba(234,0,110,0.9);
	background: #fff;
}

.photoprint {
	background-image: url(/uploads/images/kodak.jpg);
}

.photograph {
	background-image: url(/uploads/images/photograph.jpg);
}

.formation {
	background-image: url(/uploads/images/training.jpg);
}

.scarlet {
	background-image: url(/uploads/images/scarlet.jpg);
}

.shop-cats, .latest-photos {
	list-style-type: none;
	padding: 0;
}

.shop-cats li, .latest-photos li {
padding: 12px 0;
border-bottom: dotted #999 1px; 
}

.shop-cats li:first-child, .latest-photos li:first-child {
border-top: dotted #999 1px; 
}

.gallery-title {
padding-top: 8px;
}

.gallery-date {
display: block; 
clear: both; 
font-size: 80%;
text-transform: uppercase;
color: #aaa;
}

.catalog-item { margin-bottom: 20px; }
h2, .catalog-item h4 { color: #a1c039; font-weight:bold;}
.catalog-item .btn { color: #aaa; border: solid 1px #aaa; }
.catalog-item .btn:hover { color: #fff; }
.catalog-price { border: solid 1px #aaa; background:#a1c039;color:#fff; padding: 5px 25px; letter-spacing: 2px;}

.gmap { margin-top: 50px; }

.contactform { width: 100%; }
.contactform label { color: #222; font-size: 100%; font-weight:normal; }
.contactform .contactfield > td { padding-top: 10px; }
#form_name { width: 60%; }
#form_email_1, #form_confirm_email, #form_subject, #form_comments { width: 100%; }
.error_message { color: #AA0000; font-weight: bold; }

#brands { background: #eee; padding: 40px 0; }
#brands ul { list-style-type: none; }

.button {
padding: 8px 12px;
background-color: #a1c039;
color: #fff;
font-size:110%;
}

.button:hover {
color: #fff;

}

.field-label td {
padding-top: 10px;
}

.full-width input {
width: 100%;
}

.half-width input {
width: 50%;
}