﻿/* use for Comelin.com */
body { background: url(../images/bg/noise.png); color: #666; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
a {font-weight: bold; text-decoration: underline}
#wrapper { background: #fff; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2); box-shadow: 0 0 6px 0 rgba(0,0,0,.2); width: 960px; padding: 40px 35px 35px; margin: 20px auto 0; }
#footer { background: #303030; width: 960px; padding: 15px 35px 0; margin: 0 auto 50px; }
#contact-details a {text-decoration: none}

.photoCustomers div {background-color: white;}
.photoCustomers div img {max-width: 100%; height: 100%;}

.photoCustomers div .padded {padding: 5px}
.photoCustomers div .full {width: 100%}

div.imgfull {width: 100%; text-align: center}
div.imgfull img {max-width: 600px !important; width: 100%}
div.imgCenter {width: 100%; text-align: center}

@media only screen and (max-width:1029px) {
	#wrapper { margin: 0 auto; padding: 25px 0 30px; -webkit-box-shadow: none; box-shadow: none; width: 100%; }
	body { background: #fff; }
	#footer { margin: 0 auto; padding: 15px 0 0; width: 100% !important; }
}

@media only screen and (min-width:768px) and (max-width:959px) {
	#footer { padding: 10px 0 0; }
}

@media only screen and (max-width:767px) {
	#wrapper { margin: 0 auto; padding: 15px 0 30px; -webkit-box-shadow: none; box-shadow: none; }
	body { background: #fff; }
	#footer { margin: 0 auto; padding: 15px 0 0; width: 100% !important; }
}

.container {background: #fff;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);padding-top:10px;margin: 20px auto 0 auto;}

#slogan{height: 100px;line-height: 100px;color: gray;font-size: 0.8em;}
.dark {background-color: #303030; color:white}

#page-content li, .square_list  li {background: url(../images/icons/list/list_square.png) no-repeat 0 7px; padding: 0 0 0 16px;	
									list-style: none;margin: 5px 0;}

#page-content .col-sm-6 img {width: 100%}

#page-content .row {margin-top: 30px}

#page-content b {color:rgb(198, 124, 0)}

#page-content img {max-width: 100%}

img.solo {width: 300px;margin-bottom: 20px;margin-top: 10px; box-shadow: 2px 2px 9px rgba(169, 169, 169, 0.34);}
img.full-size {max-width: 100%; width: auto}

/* left menu prevent moving*/
.fixed {position:fixed;top:0;}


/* Images Overlay
====================================*/
.picture {
	position: relative; margin-bottom:10px; border: 1px solid lightgray;width:200px; margin-bottom:20px;margin-top: 10px;
	box-shadow: 2px 2px 7px #FF7200;
}
.picture img {width: 100%; height: auto;}

.image-overlay-link,
.image-overlay-zoom {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 40;
	display: none;
	background-color: #222;
	background: rgba(0, 0, 0, 0.7);
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer;
}

.image-overlay-link {
	background-image: url(../images/overlay-icon-01.png);
}

.image-overlay-zoom {
	background-image: url(../images/overlay-icon-02.png);
}


/* icon box*/
.icon-box 
{
  border: 1px solid #ccc; margin: 10px; padding-right:5px; padding-left:10px
}

h1[id]:hover::after,h2[id]:hover::after,h3[id]:hover::after,h4[id]:hover::after {content:' \f0c1'; font-family: FontAwesome; cursor: pointer }

