/* ==========================================================================
   Theme: ApexSheep
   Developed By: Apexsheep
   ========================================================================== */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 300;
	src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 500;
	src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(http://fonts.gstatic.com/s/ubuntu/v7/OsJ2DjdpjqFRVUSto6IffD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 700;
	src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://fonts.gstatic.com/s/ubuntu/v7/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/* === Bootstrap carousel fade === */
.carousel.fade {
	opacity: 1;
}
	.carousel.fade .item {
		-moz-transition: opacity ease-in-out .7s;
		-o-transition: opacity ease-in-out .7s;
		-webkit-transition: opacity ease-in-out .7s;
		transition: opacity ease-in-out .7s;
		left: 0 !important;
		opacity: 0;
		top:0;
		position:absolute;
		width: 100%;
		display:block !important;
		z-index:1;
	}
	.carousel.fade .item:first-child {
		top:auto;
		position:relative;
	}
	.carousel.fade .item.active {
		opacity: 1;
		-moz-transition: opacity ease-in-out .7s;
		-o-transition: opacity ease-in-out .7s;
		-webkit-transition: opacity ease-in-out .7s;
		transition: opacity ease-in-out .7s;
		z-index:2;
	}

body {
	background-color: #5f7092;
	min-width: 300px
}

a {
	color: #ff6b35;
}
	a:hover, a:focus {
		text-decoration: none;
		outline: none;
		color: #ff4400;
	}

.btn {
	background: #697ba1;
	background: -ms-linear-gradient(top, #697ba1 0%,#607093 100%);
	background: linear-gradient(to bottom, #697ba1 0%,#607093 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697ba1', endColorstr='#607093',GradientType=0 );
	border: 1px solid #4f6187;
	border-radius: 6px;
	box-shadow: inset  0 2px 3px -4px #fff;
	font-family: Ubuntu,Arial,Helvetica,sans-serif;
	font-weight: 300;
	color: #fff;
}
	.btn:hover {
		background: #697ba1;
		filter: none;
		color: #fff;
		box-shadow: inset  0 2px 3px -4px #fff;
	}
	.btn-has-icon {
		padding: 0;
	}
	.btn .btn-icon,
	.btn .btn-text {
		display: inline;
	    float: left;
		min-height: 26px;
		_height: 26px;
	}
	.btn .btn-text {
	    padding: 2px 15px 4px 10px;
		color: #fff;
	}
		.btn .btn-text:hover {
			color: #fff
		}
	.btn-icon {
		border-right: 1px solid #4f6187;
		padding: 4px 5px 3px 7px;
		border-radius: 6px 0 0 6px;
	}
	.btn:hover .btn-icon {
		background-color: #607093;
	}
		.btn-icon:before {
			background: url(../img/sprite.png) no-repeat;
			content: '';
			display: block;
			width: 18px;
			height: 18px;
		}
	
small.desc {
	color: #808080
}

h1 { font-size: 28px; line-height: 40px; }
h2 { font-size: 20px; line-height: 40px; }
h3 { font-size: 18px; line-height: 40px; }


#header-bar {
	background: #697ba1;
	background: -ms-linear-gradient(top, #697ba1 0%,#5f7092 100%);
	background: linear-gradient(to bottom, #697ba1 0%,#5f7092 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697ba1', endColorstr='#5f7092',GradientType=0 );
	border-bottom: 1px solid #4f6187;
	overflow: hidden;
	padding: 4px 5px
}
	#header-bar .container {
		padding-left: 5px;
		padding-right: 5px;
	}
	.header-contact .header-btn {	
		float: left;
		display: inline;	
	}
		.header-contact .header-login {
			float: right;
			margin-left: 10px
		}
		.header-contact .header-login .btn-icon:before {
			background-position: -26px -1px;
		}
		
#header {
	background-color: #fff
}
#header > .container {
	position: relative;
}
#header:after {
	content: " ";
  	display: table;
  	clear: both;
}
	#header .header-logo {
		position: relative;
		overflow: hidden;
	}
			
.logo {
	display: block;
    padding: 12px 100px 10px 10px;
    text-align: center;
}		
	.logo img {
		display: block;
		max-width: 100%;
		height:auto;
	}
		
#primary-nav-toggle {
	background: #627287;
	border-radius: 6px 6px 0 0;
    border-top: 1px solid #b6bdc7;
    bottom: 0;
    color: #e4e4e4;
    float: none;
    margin: 0;
	font-size: 14px;
    padding: 14px 4px 20px;
    position: absolute;
    right: 10px;
    text-align: center;
-webkit-transition: background 0.2s ease-in-out;
 -o-transition: background 0.2s ease-in-out;
 	transition: background 0.2s ease-in-out;
    z-index: 9;
}
	#primary-nav-toggle .menu-label {
		display: inline-block;
		*display: inline-block; zoom:1;
		border-bottom: 2px solid #868686;
	    font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-weight: 500;
	    letter-spacing: 0.5px;
	    padding: 0 3px 3px
	}
		#primary-nav-toggle .menu-label:before {
			background: url(../img/sprite.png) -53px -3px no-repeat;
			content: '';
			display: inline-block;
			*display: inline-block; zoom:1;
			height: 14px;
		    margin-right: 3px;
		    position: relative;
		    top: 2px;
		    width: 17px;
		}
	#primary-nav-toggle:hover,
	#primary-nav-toggle:active {
		color: #fff;
	}
	#primary-nav-toggle.collapsed .menu-label {
		border-bottom: 2px solid #f15922;
	}

/* === MENU === */
#primary-nav {
	background-color: #627287;
    box-shadow: none;
    padding: 4px 14px 10px;
    position: absolute;
    width: 100%;
    z-index: 999;
}	
	#primary-nav .navbar-nav {
		display: block;
		float: none
	}
	#primary-nav li {
		font-family: Ubuntu,Arial,Helvetica,sans-serif;
		font-weight: 500;
		font-size: 16px;
		float: none;
		margin: 0 15px;
	}	
	#primary-nav li + li {
		margin-top: 2px
	}	
	#primary-nav li > a {
		background-color: #627287;
		border: 1px solid #4f6187;
		border-radius: 4px;
		color: #fff;
		box-shadow: none;
		text-shadow: 0 1px 2px #434343;
		transition: background 150ms linear;
	}	
	#primary-nav li > a:hover,
	#primary-nav li.active > a {
		background-color: #283a50;
		border: 1px solid #142942;
		box-shadow: none
	}	
		
/* === PAGE === */
#main-content {
	/* border-top: 1px solid #cacaca; */
	background-color: #fff;
    clear: both;
}

.page-content {
	padding: 30px 0 20px
}

.content p, .content ul, .content ol {
	margin-bottom: 15px;
}

.content h1, .content .h1, 
.content h2, .content .h2, 
.content h3, .content .h3,
.content .heading {
	font-family: Ubuntu,Arial,Helvetica,sans-serif;
	color: #f15922
}

.content h2, .content .h2, 
.content h3, .content .h3 {
	font-size: 24px;
}

.content ul { 
	padding-left: 0   
}
	.content ul li {    
	    list-style: none; 
	    padding-left: 25px;
	    position: relative;
	}
	.content ul li + li {    
	    margin-top: 5px
	}
	.content ul li:before {    
	    background: url(../img/sprite.png) -97px 0 no-repeat;
	    content: "";
	    height: 12px;
	    left: 9px;
	    position: absolute;
	    top: 4px;
	    width: 8px;
	}
		
.content .quote {
	color: #f15922;
    font-family: Ubuntu,Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    line-height: 1.2;
}

/* === SHOWCASE === */
.showcase {
	background: #617185 url(../img/pattern.jpg) repeat center top;
}
	.showcase > .container {
		padding-top: 15px;
		padding-bottom: 8px
	}
	.showcase-content {
		background: -moz-linear-gradient(top, rgba(106,124,162,0.15) 0%, rgba(255,255,255,0.15) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,124,162,0.15)), color-stop(100%,rgba(255,255,255,0.15)));
		background: -webkit-linear-gradient(top, rgba(106,124,162,0.15) 0%,rgba(255,255,255,0.15) 100%);
		background: -o-linear-gradient(top, rgba(106,124,162,0.15) 0%,rgba(255,255,255,0.15) 100%);
		background: -ms-linear-gradient(top, rgba(106,124,162,0.15) 0%,rgba(255,255,255,0.15) 100%);
		background: linear-gradient(to bottom, rgba(106,124,162,0.15) 0%,rgba(255,255,255,0.15) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#266a7ca2', endColorstr='#26ffffff',GradientType=0 );
		border: 1px solid #4f6187;
		padding: 10px;
		border-radius: 4px;
		box-shadow: 0 0 1px #ffffff inset;
		text-align: center
	}
		.showcase-content-inner {
			background: #27394f;
			background: -ms-linear-gradient(top, #27394f 0%,#2e4157 100%);
			background: linear-gradient(to bottom, #27394f 0%,#2e4157 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27394f', endColorstr='#2e4157',GradientType=0 );
			border: 1px solid #4f6187;
		    border-radius: 3px;
		    box-shadow: 0 0 2px #5f7092 inset;
		    color: #bacbe1;
		    font-family: Ubuntu,Arial,Helvetica,sans-serif;
		    font-size: 18px;
		    font-weight: 500;
		    letter-spacing: 1px;
		    line-height: 1;
		    padding: 15px 10px;
		    text-shadow: 0 1px 1px #000000;
		    text-transform: uppercase;
		}
		.showcase-content .plus,
		.showcase-content .equals {
			display: block;	
			padding: 12px 0
		}
			.showcase-content .equals {
				padding-bottom: 8px
			}
			.showcase-content .plus:before,
			.showcase-content .equals:before {
				background: url(../img/sprite.png) no-repeat;
				content: '';
				display: inline-block; *display:inline; zoom:1;
				width: 28px;
				height: 28px 
			}
			.showcase-content .plus:before {
				background-position: 0 -29px
			}
			.showcase-content .equals:before {
				background-position: -38px -29px
			}
		.showcase-content .primary {
			color: #ffffff;
		    font-size: 33px;
		    font-weight: 700;
		    letter-spacing: 2px;
		}
	.showcase-btn {
		background: #f15922;
		border: 1px solid #4f6187;
	    border-radius: 4px;
	    box-shadow: 0 1px 2px #f7a486 inset;
	    color: #ffffff;
	    display: block;
	    font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-size: 17px;
	    font-weight: 600;
	    letter-spacing: 0.5px;
	    margin: 6px 0;
	    padding: 10px;
	    text-align: center;
	    text-transform: uppercase;
	    word-spacing: 2px;
-webkit-transition: background 0.2s ease-in-out;
	 -o-transition: background 0.2s ease-in-out;
	 	transition: background 0.2s ease-in-out;
	}
		.showcase-btn:hover {
			background: #2a3c52;
			box-shadow: none;
			color: #ffffff;
		}

/* === COLLAPSE === */
.panel {
	box-shadow: none
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: none
}
.panel-heading {    
	padding: 4px 0;
}
	.panel-title {
		font-size: 14px
	}
	.panel-title > a:before {    
	    background: url(../img/sprite.png) -81px -17px no-repeat;
		content: "";
	    display: inline;
	    float: left;
	    height: 11px;
	    margin: 3px 12px 0 3px;
	    width: 11px;
	}
	.panel-title > .collapsed:before {    
	    background-position: -81px 0;
	}
	.panel-body {
		font-size: 13px;
		padding: 5px 10px 10px 27px
	}

/* === TAGLINE === */
.tagline {
	background: #e5e5e5;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}
	.tagline > .container {
		padding-bottom: 8px;
    	padding-top: 10px;
	}
	.tagline > .container:before {
		background: url(../img/sprite.png) no-repeat 0 -105px;
		content: '';
		float: left;
		width: 68px;
		height: 67px;
		margin: 0 20px 0 10px;
	}
	.tagline .heading {
		color: #1e1e1e;
	    display: block;
	    font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-size: 18px;
	    font-weight: 500;
	    line-height: 20px;
	    padding-top: 15px;
		margin: 0;
	}
		.tagline h1.heading {
			font-size: 22px
		}
		
/* === CONTACT FORM === */
.contact-form {
	margin-bottom: 30px
}
		
/* === SIDEBAR === */
.sidebar {
	padding-bottom: 30px;
	padding-top: 30px
}
.sidebar .pod {
	background: #e5e5e5;
	border: 1px solid #d5d5d5;
	text-align: center;
	padding: 20px 10px;
}
.sidebar .pod + .pod {
	margin-top: 15px
}
	.sidebar .pod h4 {
		color: #f15922;
		font-family: Ubuntu,Arial,Helvetica,sans-serif;
	}
	.sidebar .pod :last-child {
		margin-bottom: 0
	}

/* === TESTIMONALS === */
.footer-showcase {
	background: #e5e5e5;
}
	.footer-showcase > .container {
	    padding-top: 25px;
	    padding-bottom: 30px;
	}
	.footer-showcase .heading {
	    position: relative;
	    text-align: center;
		font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-size: 22px;
	    font-weight: 600;
		margin-bottom: 8px;
	}
		.footer-showcase .heading:before {
			background-color: #b6b6b6;
		    content: "";
		    height: 2px;
		    left: 0;
		    position: absolute;
		    right: 0;
		    top: 50%;
		}
		.footer-showcase .heading span {
			background-color: #e5e5e5;
		    display: inline-block;
		    padding: 0 10px;
		    position: relative;
		    text-align: center;
		}
	#testimonals blockquote {
		background: #ffffff;
		border: none;
	    border-radius: 10px;
	    color: #f15922;
	    font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-size: 20px;
	    font-weight: 300;
	    line-height: 1.3;
	    padding: 20px 35px
	}
		#testimonals blockquote footer:before {
			display: none;	
		}
		#testimonals blockquote footer {
			text-align: center;
			display: block
		}
	#testimonals .controls {
		background-color: #8d8d8d;
	    color: #ffffff;
	    display: block;
	    font-size: 30px;
		line-height: 1;
	    margin-top: -35px;
	    padding: 5px;
	    position: absolute;
	    top: 50%;
	}
		#testimonals .controls:hover {
			background-color: #f15922;
		}
		#testimonals .left {
			left: 0
		}
		#testimonals .right {
			right: 0
		}

/* === FOOTER === */
#footer {
	background: #617185 url(../img/pattern.jpg) repeat center top;
	border-top: 1px solid #6a7ca2;
	color: #fff;
}
	#footer > .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#footer a {
		color: #fff;
	}
		#footer a:hover {
			text-decoration: underline
		}
	#footer .heading {
		border-bottom: 1px solid #495665;
	    display: inline-block;
	    font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-size: 19px;
	    font-weight: 600;
	    margin-bottom: 10px;
	    padding-bottom: 2px;
	    position: relative;
	}
		#footer .heading:before {
		    content:""; 
		    display:block; 
		    position:absolute; 
		    left:0; 
		    bottom:0; 
		    width:100%; 
		    height:1px;                          
		    background:#8c98a9;
		}
		#footer .heading:after {
		    content: " ";
		  	display: table;
		  	clear: both;
		}
		
	#footer .col-footer {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 13px;
		overflow: hidden;
	}
	
	#footer .col-footer ul {
		margin: 0;
		padding: 0;
	}
		#footer .col-footer li {
			list-style: none;
		    margin: 0;
		    padding: 0;
		}
		#footer .col-footer li + li {
			margin-top: 6px
		}

		
	#footer .col-links {
		text-align: center
	}
		#footer .col-links .heading {
			display: inline;
		    float: left;
		    margin: -5px 10px 15px 0;
		}
		#footer .links-icons {
			float: right;
		}
		#footer .col-links .btn {
			background: #88878a;
		    float: left;
			clear: both;
		    font-weight: 500;
		}
		
	.social-icon {
		background: url(../img/sprite.png) no-repeat;
		border: 1px solid #5a6b90;
	    display: inline-block;
	    height: 26px;
	    line-height: 300px;
	    overflow: hidden;
	    text-indent: -3000px;
	    width: 27px;
		-webkit-transition: border 0.5s ease-in-out;
	 -o-transition: border 0.5s ease-in-out;
	 	transition: border 0.5s ease-in-out;
	}
		.social-icon:hover {
			border: 1px solid #88878a;
		}
		.social-icon.twitter {
			background-position: 0 -69px
		}
		.social-icon.linkedin {
			background-position: -39px -69px
		}
		.social-icon.facebook {
			background-position: -78px -69px
		}
		
	#footer .footer-copy {
		background-color: #001441;
		border-top: 1px solid #fff;
		color: #fff;
	}
		#footer .footer-copy p {
			font-size: 12px;
		    line-height: 30px;
		    margin: 0;
		}
		
	.product-showcase-content-inner{
			/*
			background: #27394f;
			background: -ms-linear-gradient(top, #27394f 0%,#2e4157 100%);
			background: linear-gradient(to bottom, #27394f 0%,#2e4157 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27394f', endColorstr='#2e4157',GradientType=0 );
			border: 1px solid #4f6187;
		    border-radius: 3px;
		    box-shadow: 0 0 2px #5f7092 inset;
			color: #bacbe1;
			*/
		    padding: 5px 10px;
/*			min-height: 135px; */
		   
		}
		
	.product-showcase-content-inner p{
		  font-size: 12px;
		   
		}
	 .product-showcase-content-inner h2 {
			
		    font-family: Ubuntu,Arial,Helvetica,sans-serif;
		    font-size: 13px;
		    font-weight: 500;
		    letter-spacing: 1px;
		    line-height: 1;
		    text-shadow: 0 1px 1px #000000;
		    text-transform: uppercase; 
			margin-top:0px;
	 }
	 
	 .showcase-link {
	 font-size:14px; padding-left:10px;
	 }
	 
	 	.product-showcase-btn {
		/*background: #f15922;*/
				background: #2a3c52;
		border: 1px solid #4f6187;
	    border-radius: 2px;
	    /*box-shadow: 0 1px 2px #f7a486 inset;*/
		box-shadow: 0 1px 2px #628ABC inset;
	    color: #ffffff;
	    display: block; 
	    font-family: Ubuntu,Arial,Helvetica,sans-serif;
	    font-size: 17px;
	    font-weight: 600;
	    letter-spacing: 0.5px;
	    margin: 6px 0;
	    padding: 5px;
	    text-align: center;
	    text-transform: uppercase;
	    word-spacing: 2px;
-webkit-transition: background 0.2s ease-in-out;
	 -o-transition: background 0.2s ease-in-out;
	 	transition: background 0.2s ease-in-out;
	}
		.product-showcase-btn:hover {
			/*background: #2a3c52;*/
			background: #f15922;
			box-shadow: none;
			color: #ffffff;
		}
	 
	 @media (min-width:768px) {
	 .smallpad {
	 padding-left:10px;
	 padding-right: 0px;
	 }
	 .product-showcase-btn {
	 width:100px;
	 margin-left:10px;
	 }
	 .product-showcase-content-inner{
		    padding: 5px 10px;
			min-height: 135px;
		   
		}
	 }
	 
	 <!-- image Gallery ..>
		.controls{          
			width:50px;
			display:block;
			font-size:11px;
			padding-top:8px;
			font-weight:bold;          
		}
		.next {
			float:right;
			text-align:right;
		}	 
	/*	.imagelist {
		background: #e5e5e5 none repeat scroll 0 0;
				border: 1px solid #d5d5d5;
				padding: 10px 10px;
				text-align: center;
				margin-right: 5px; 
				margin-left:5px;          
		}
		*/
		 .imagelist  ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
		  
      }
      .imagelist ul li {     
          list-style:none;
          /*margin-bottom:25px;*/
			
				  }
				  
	  .imagelist ul li + li {
		  margin-top: auto;
		}
      .imagelist ul li img {
          cursor: pointer;
		  box-shadow: 0px 0px 5px #888888;
      }
	  
	  .imagelist ul li::before {
			background: none;
			content: "";
			height: auto;
			left: auto;
			position: inherit;
			top: auto;
			width: auto;
	  }
	  
	  .gallery1 {
	  padding:10px;
	  margin-left:auto;
	  margin-right:auto;
	  }
	  
	  @media (min-width: 910px) {
	  .modal-dialog {
		  width: 800px;
		  margin: 30px auto;
	  }
	  }

	 <!-- Close image gallery -->