body{
	color:#5B5B5B;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	margin-top:15px;
}

.navbar-main-collapse {
	
}

.caption-large p{
	font-size:50px;
}

.topcontact {
    text-align: right;
    font-weight: bold;
    font-size: 20px;
    padding-right: 80px;
    padding-top: -10px;
}

.caption-medium p{
	font-size:40px;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function:linear;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.medium{
	height:300px!important;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	
	

    background-position: center;
    background-repeat: no-repeat;
}

legend{
	color:#444;
	font-size:30px;
	border-width: 0 0 2px!important;
}
.introcarousel{
	height:600px;
}
.card{
	background-color:#34DDDD;
	color: #fff;
	padding:5px;
	background-image:url(http://www.zouboulakis.gr/uploads/web/bgcategories.png);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
	height:300px;
}

.card-title{
	text-align:center;
	margin-bottom:40px;
	color: #fff;
}

.banner-caption{
	font-size:70px;
	
	text-align:left;
	position:absolute!important;
}

.carousel-bg {
	
}

h1,h2,h3,h4,h5 
{
	color:#222;
}

h1{
	
}

h2{
	
}

h3{
	
}

h4{
	
}

a{
	
}

p{
	
}

.fa-6 {
    font-size: 20em!important;
}

.fa-5 {
    font-size: 15em!important;
}

.fa-4 {
    font-size: 10em!important;
}

.fa-3 {
    font-size: 6em!important;
}

.capital{
	
}

.small{
	
}
.lightcarousel > li {
    position: relative;
}

    .cS-hidden {
        height: 1px;
        opacity: 0;
        filter: alpha(opacity=0);
        overflow: hidden;
    }

.caption-container{
	padding: 20px;
	background-color: rgba(52, 221, 221, 0.6)!important;
}

.carousel-caption {
	bottom:100!important;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	text-align:left;
    width:100%;
}

.caption-container > hr{
	
	height: 5px;
    color: #34DDDD;
    background: #34DDDD;
    font-size: 0;
    border: 0;
}

.mask-summary{
	padding:20px;
	text-align:center;
	color:#444;
	font-size:20px;
	padding-top:20%;
}

.frontpage{
	background-color:#e4e2d2;
	padding-top:20px;
	padding-bottom:20px;
}

.fp_categories{
	padding-top:20px;
	
    width:100%;
    background-attachment: fixed;

    background-position: 0 -200;
    background-repeat: no-repeat;
    background-size: cover;
}

.fp_wheremap{
	background-color:#222;
	
}

#wheremap legend{
	margin-top:15px;
	color:#eee;
	border-width: 0!important;
}

.fp_contactform{
	background-color:#e4e2d2;
	padding:20px;
}

.fp_brands{
	padding-top:20px;
	padding-bottom:20px;
	background-color: #89E894;
	
}

.adp-directions{
	width:100%!important;
}

.navbar-brand {
	height: 100px;
}

.navbar-brand img{
	height: 70px;
	margin-top:-20px;
}

.brands{
	background-color:#eaeaea;
}

@media only screen and (max-width : 480px) {
    .navbar-brand img{
		height:25px;
		margin-top:0px;
	} 
	
	#main-menu.navbar-default.shrink {
		height: 40px;
		padding-top:0px;
	  
	}
	
	#main-menu.navbar-default {
		height:40px;
		padding-top:0px;
		background-color: #fff;
	}
	
	#main-menu.navbar-nav{
		background-color: #fff!important;
	}
	
	body{
		margin-top:115px;
	}
}

#main-menu{
    background-color: #fff!important;
}

#main-menu.navbar-default.shrink {
  height: 80px;
  padding-top:20px;
  
}
#main-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
	
}
#main-menu.navbar-default {
	height:115px;
	padding-top:40px;
    font-size: 17px;
    background-color: #f8f7f1!important;
    border-width: 1px;
    border-radius: 4px;
	-webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}
#main-menu.navbar-default .navbar-nav>li>a {
    color: rgba(68, 68, 68, 1);
    
}
#main-menu.navbar-default .navbar-nav>li>a:hover,
#main-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 102, 0, 1);
    
}
#main-menu.navbar-default .navbar-nav>.active>a,
#main-menu.navbar-default .navbar-nav>.active>a:hover,
#main-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(33, 192, 224, 1);
    
}
#main-menu.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
#main-menu.navbar-default .navbar-toggle:hover,
#main-menu.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}
#main-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
#main-menu.navbar-default .navbar-toggle:hover .icon-bar,
#main-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

img.grayscale {
  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"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  opacity: 0.5;
  filter: alpha(opacity=50);
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  opacity: 1;
  filter: alpha(opacity=100);
}

.headers-tooltip {
  position: relative;
  display: inline-block;
  font-weight:normal;
  font-size:13px;
}

/* Tooltip text */
.headers-tooltip .headers-tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #c0e2f3;
  color: #000;
  text-align: center;
  padding: 5px;
  border:1px solid gray;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 3;
}

/* Show the tooltip text when you mouse over the tooltip container */
.headers-tooltip:hover .headers-tooltiptext {
  visibility: visible;
}

#urbanproofform thead th{
	padding:3px;
}

.intro-text{
	text-align:justify;
}