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

	put here your custom CSS code to modify the design of IceTheme template
	
	* We strongly reccommend you to not edit other CSS or Less files as in 
	case you will update the template all your changes might be lost.	
	
**********************************************************************************/
#header {
  margin-bottom: 120p;
  background-color: #FFFFFF
    ;  
  border-bottom: 1px solid #fff;
 background: url(https://www.sound2design.com/images/BackgroundE.jpg) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 }
#header #logo {
  float: right;
  margin: 3px 0;
  width: 100%;  
}
#header #mainmenu {
  clear: both;
  margin-bottom: 1px;
  height: 61px;
  padding: 0;
  width: 100%;
  z-index: 99;
  background: #565656;
}
#footer {
  padding-top: 0px;
  background-color: #FFFFFF;
  border-top: 0px solid #565656;
  /* footer modules */

  /* Footermenu */

  /* Copyright */

}
/*********************************************************************************/
/* CONTENT */
/*********************************************************************************/
#content {
  margin: -10px 0 0;
  position: relative;
  min-height: 500px;
  background: #EEF0F6;
  padding: 0px 0;
  /* Columns */
}
#content:before {
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, #ebebeb, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff);
  background-image: -o-linear-gradient(top, #ebebeb, #ffffff);
  background-image: linear-gradient(to bottom, #ebebeb, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#ffffffff', GradientType=0);
  height: 0px;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
#content:after {
  background-color: #e3e3e3;
  background-image: -moz-linear-gradient(top, #e5e5e5, #e0e0e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), to(#e0e0e0));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #e0e0e0);
  background-image: -o-linear-gradient(top, #e5e5e5, #e0e0e0);
  background-image: linear-gradient(to bottom, #e5e5e5, #e0e0e0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe0e0e0', GradientType=0);
  height: 0px;
  width: 100%;
  content: "";
  position: absolute;
  top: -21px;
  left: 0;
}
#content .container {
  position: relative;
}
#content #middlecol {
  clear: both;
  float: left;
  position: relative;
  margin-bottom: 1px;
}


/*********************************************************************************/
/* RESPONSIVE TABLET */
/*********************************************************************************/
@media only screen and (max-width: 979px) {
  #header #mainmenu {
    height: 45px;
    position: relative;
    top: 0;
    margin-bottom: 15px;
  }
  /* IceMegamenu */
  .ice-megamenu-toggle {
    display: block;
    float: none;
    text-align: center;
  }
  .ice-megamenu-toggle a {
    background: none;
    display: block;
    height: 45px;
    line-height: 33px;
    margin-top: 0;
    text-indent: 0;
    width: 100%;
    font-size: 18px;
    color: #FFF;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    background: #009092;
  }
  .icemegamenu > ul {
    margin-left: 0;
  }
  .icemegamenu > ul > li {
    background: none;
  }
  .icemegamenu > ul > li a {
    padding: 0!important;
  }
  #icemegamenu > li > ul.icesubMenu,
  #icemegamenu > li > ul.icesubMenu li > ul {
    background: #FFFFFF;
    left: 0!important;
    margin: 0!important;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  #icemegamenu > li > ul.icesubMenu li,
  #icemegamenu > li > ul.icesubMenu li > ul li {
    background-image: none!important;
  }
  .icesubMenu .icemega_cover_module {
    display: block;
  }
  }
/***********************************************************************************************/
/* IceSlideShow */ 
/*    for no fade, change 4 transition values by faster sliding speed from 0.3 to 0.01/*
/***********************************************************************************************/

#iceslideshow {
	position:relative;
	overflow:hidden;
	padding:0;
	margin-bottom:-10;
	clear:both;
	
	.iceslideshow { 
		margin-bottom:0; 
	}
	
	
	/* captions */
	.carousel-caption {
		font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:24px;
		bottom: -10%;
		opacity:0;
		padding-top:8px;
		padding-bottom:8px;
		.transition();
		
		.mod-description {
			
			p {
				line-height: 28px;				
			}
			
			a {
				
				&:hover {
					
				}
			}
		}
		
		h4 {
			padding-top:0;
			margin:0;
		}
		
	}
	


	/* fade transition */
	.carousel-fade {
		.carousel-inner {
			 .item {
				opacity: 0;
				-webkit-transition-property: opacity;
				-moz-transition-property: opacity;
				-o-transition-property: opacity;
				transition-property: opacity;
			}
			
			.active {
				opacity: 0;
				
				&.left,
				&.right {
					left: 0;
					opacity: 0;
					 z-index: 1;
				}
			}
			
			.next.left,
			.prev.right {
				opacity: 0;
			}
		}
		
		.carousel-control {
			z-index: 2;
		}	
	}
	
	
	/* Controls (arrows) */
	.iceslideshow_arrow {
		
		.carousel-control {
			position:absolute;
			z-index:auto;
			width:40px;
			height:60px;
			top:42%;
			display: block;
			text-indent:-99999px;
			opacity:0;
			border:none;
			background:none;
			.transition();
			
			&.left {
				left:-100px;
			}
			
			&.right {
				right:-100px;
			}
			
			&:after  {
				content:"";
				position:absolute;
				left:0;
				top:0;
				width:40px;
				height:60px;
				background:url(../images/iceslideshow_arrows.png);
				background-position:center;
				background-repeat:no-repeat;
				.transition();
			} 
			
			&.left:after  {
				background-position: 0 0;
			} 
			
			&.left:hover:after  {
				.translate(-1.5px,0);
			}
			
			&.right:after  {
				background-position:0 -60px;
			}
			
			&.right:hover:after  {
				.translate(1.5px,0);
			}
			
					
		} 
		
	}
	
	&:hover .carousel-caption {
		bottom:0;
		opacity:1;
	}
	
	&:hover .carousel-control.left {
		left:15px;
		opacity:.5;
	}
	
	&:hover .carousel-control.right {
		right:15px;
		opacity:.5;
	}
	
	&:hover .carousel-control:hover {
		opacity:1;
	}
	
	
	
	/* Indicators */
	.carousel-indicators {
		top: auto;
		bottom:15px;
		right: 10px;
		
		li {
			background:#fff;
			background:rgba(255,255,255,.6);
			width: 14px;
			height: 14px;
			border:none;
			border-radius:14px;
			cursor:pointer;
			box-shadow:none;
			margin-left: 2px;
			
			&.active {
				border:none;
				background:#fff;       
			}		
		}
	}
	
}



/* BACKGROUND OF THE SITE*/



  /***********************************************************************************************/
/* IceMegaMenu FONT en ADDITIoNAL change in less/styles.css from line 6924 downwards*/
/***********************************************************************************************/
/***************************************************/
/* WIDTH OF THE SITE*/
/*change width at line 129 and 132 from 1170 to something else, 870px for example in less/responsive.css*/
/*and also change less/style.css line 275 and 278 to about 780px for netbook compatibility*/
/***************************************************/
/* ICEMEGAMENU  DESKTOP OR RESPONSIVE DROPDOWN COLOURS
/*change in less/style/css  in line 6943 the momentary colour of the dropdown menu from #4d4d4d to #888888 
/*or to #008586
/*and also in line 6949 the active menu item of the dropdown from #4d4d4d to #008586 or the darker #007173