/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

.error-text {color:#f00}

  .faq h3 {margin-right:-40px;}
.containertop{
	
	margin-top: 0px;
}
.container{
	
	margin-top: 0px;
}
html, body {
	height:100%; 
}

body {
	padding-top: 20px;

 font-family:font-family:"roboto",arial;
	background-color: #000000;

}

.maintop{
	background-color:#000;
	height:100px;
	background-repeat:no-repeat;
	padding:0px 17px 0px 17px;
	margin:0 14% 0 14%
}

.logostyle{
	margin-top: -40px;
	margin-bottom: 20px;
	margin-left: 10px;
	float:none
}

.topright{
	float:none;
	text-align: right; width:auto
	
}
.topright h1{
	font-size:18px;
	color:#999999;
	font-weight: 400;
	font-family:"roboto";
	margin-top: -10px;
	letter-spacing: 0px;
	margin-bottom: -10px;
}
.topright h2{
	font-size:20px;
	color:#003366;
	font-weight: 400;
	font-family:"roboto";
}
.topright h2 span{
	color:#333333;
	
}
.phone{
	width:200px;
	font-size:20px;
	color:#999999;
	font-weight: bold;
	font-family:"Arial";
	margin-top:10px;
	text-transform: capitalize;
	margin-right:50px
}
.info{ width:200px;
	font-size:16px;
	color:#cccccc;
	font-weight: normal;
	font-family:"Roboto";
	margin-top:10px;
	text-transform: capitalize; margin-right:20px
}
.login { margin-right:30px}
.basket{ float:right;width:176px; color:#fff; height:32px; display:block; background-image:url(../basket.png); margin-left:20px}
.basket a { color:#fff;font-size:17px  }
#imaginary_container{ width:25%; float:right;  background: #4c4c4d ;  }

.stylish-input-group .input-group-addon{
    background: #4c4c4d !important; border-color:#4c4c4d; color:#adadad
}
.stylish-input-group .form-control{
	border-right:0; 
	box-shadow:0 0 0; 
	border-color:#4c4c4d; background: #4c4c4d
}
.stylish-input-group button{
    border:0;border-color:#4c4c4d;
    background: #4c4c4d
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
	margin-bottom: 10px;
	background-color:#FFFFFF; padding:5px; border: solid 1px #ccc
}

.tab-pane {
  margin-top: 15px;
}
.homepanel{
	 width:100%; margin-bottom:20px
}

.homepanel:hover h3{background-color:#000; color:#fff;}
.homepanel:hover img{  filter: brightness(80%);}




.homepanel img{ width:100%; height:auto; background-image:url(images/image.jpg)}
.homepanel h3{ background-color:#cccccc; font-size:20px; color:#000000;  margin-bottom:0px; padding:10px;font-family: 'Roboto Condensed', sans-serif}
.homelozenges{
	text-align:left;
	padding: 10px 0px 50px 0px;
}
.homelozenges h2{font-size: 38px;
	color:#666666;
	font-weight:100;
	font-family: roboto;
	letter-spacing: -1px;}
.lozenge{}
.lozenge h4{font-size: 22px; line-height:24px;
	color: #333333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100; letter-spacing:-1px}
.lozenge p{color: #333333;
	font-size: 16px; margin-top:-10px}

.iconhome{
	float: left;
	margin-right:5px;
	padding: 5px;
	border: none;
	margin-bottom: 20px;
}

.brands{
	text-align:center;
	padding: 10px 0px 20px 0px;
}
.brands h2{font-size: 38px;
	color:#666666;
	font-weight: 100;
	font-family: roboto;
	letter-spacing: -1px;}
.brands img{ width:20%}
/* Page Sections */

.section#sectiontop{margin-top: 0px; padding:0px; background-color:#ececeb}
.section#subsectiontop{margin-top: 0px; padding:0px; background-color:#ececeb}


.section,
.section-colored {
	padding: 20px 0;
}

.section-colored {
	color:#333333;
	background-color: #000; /* change this to change the background color of a colored section */
}

.sidebar {
	margin-top: 20px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
	height: 55%;
	margin-top: 0px;
}

.item,
.active,
.carousel-inner {
  height: 100%; 
}
.quote{
	font-size: 24px;
	font-style: normal;
	font-weight:300;
	line-height: 26px;
	color: #333333;
font-family:font-family:"roboto",arial;
}
.fill {
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}
.imageright{
	float: right;
	margin-left: 20px;
	padding: 5px;
	border: none;
	width: 20%;
}
.internal{  margin-left:-50px}
.internal h3{font-size:24px;
	font-family:"roboto";
	margin-top: 5px; font-weight:100; color:#666666; letter-spacing:-1px; margin-left:0px}
	
.mainproductimage{ padding:5px; border:1px solid #c6c4c4; width:547px; float:left}
.thumbimage{ padding:5px; border:1px solid #c6c4c4;width:118px; height:118px; margin-bottom:10px }
.slider{ margin-right:20px; float:left; width:120px}
#selectbasic{ margin-bottom:10px}
/* Pricing Page Styles */
.price {
  font-size: 30px; font-weight:bold; letter-spacing:-1px; margin-top:-10px
}
.baseprice { margin-top:15px

}
.titles{
	font-size:12px;
	font-family:"roboto";
	margin-top: 5px;
}
.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}
.btn btn-primary{ background-color:#ff6000}
.btn btn-default{ background-color:#ff6000; border:none; color:#FFFFFF}
hr {
border:1px;border-top:1px solid #cccccc;margin-top:25px;margin-bottom:25px
}
 /* expanding menus */


.faq {
	background:#ffffff url(../images/faq0.png) no-repeat;
	padding:10px 45px 10px 15px;
	margin-bottom:10px;
	background-position: 99% 20px;
	border:solid #c3c9d7 1px; clear:both
}
.faq.sel {background:#ffffff url(../images/faq1.png) no-repeat; background-position: 99% 20px; padding-left:15px  }
 .faq:hover {background-color:#f6f6f6}
 .faq.sel {background-color:#ffffff;  }
.c{  }




.faq h3 {
	font-size: 18px;
	color:#666666;
	margin-top: 10px;
	background-repeat: no-repeat;
	font-weight: 100;
	font-family: roboto;
	letter-spacing: 0px;
	padding-left:0px;
}
.faq,#intright .faq p {font-size:16px;color:#333333;line-height:22px;padding-left:15px;}






.faq h3 {font-size:18px;font-weight:bold; padding-top:0px; padding-left:0px;color:#666666; font-family:"roboto"; }
.faq,#intright .faq p {font-size:16px;color:#333333;line-height:22px;padding-left:8px;}
 
.sectionsmall{
	width:264px;
	margin-right:18px;
	margin-bottom:18px;
	float:left;
	border:1px solid #ccc;
	max-height: 340px; min-height: 340px;
}
.sectionsmall:hover{ background-color:#ececeb; border:1px solid #8f8888;}
.sectionsmall#end{margin-right:0px;}
.sectionsmall h3{
	font-size:20px; padding:10px 30px 10px 10px;
	font-weight:bold;
	color:#666666;
	font-family:"roboto";
	letter-spacing:0px; 
	background-image:url(../images/smallarrow.png); background-position:95% 15px

}
.sectionsmall p{
	font-size:16px; padding:0px 10px 10px 10px;
	color:#666666;

}
.sectionsmall .image { padding:0px; border:0px solid #c6c4c4;width:262px; height:131px; background-color:#FFFFFF;
background-size:cover;background-position:center center}

.sectionsmall .image img {opacity:0;max-width:100%;}


.sectionsmall span{ float:right} 
 
 
 
    a.prodl { }
 
.subsectionsmall{
	width:209px;
  margin:14px 10.2px 14px 14px;
	float:left;
	max-height: 280px; min-height: 280px;
  overflow:hidden  ;
  box-sizing:border-box ;
  border:1px solid #fff;
}
.subsectionsmall:hover{ background-color:#ececeb; border:1px solid #8f8888;}
.subsectionsmall:hover img{ border:1px solid #ffffff;}
.subsectionsmall h3{
	font-size:20px;padding:10px 30px 10px 10px;
	font-weight:bold;
	color:#666666;
	font-family:"roboto";
	letter-spacing:0px;
	background-image:url(../images/smallarrow.png); background-position:95% 15px
}
.subsectionsmall img{ padding:5px; border:1px solid #c6c4c4;width:205px; height:205px; background-color:#FFFFFF}
.subsectionsmall span{ float:right}
 
 
 
 
 
 
 
 
.productsmall{
	width:205px;
	margin-right:0px;
	float:left; 
	
	
}
.productsmall h3{
	font-size:20px;
	font-weight:bold;
	color:#666666;
	font-family:"roboto";
	letter-spacing:0px;
	background : url(/images/smallarrow.png) no-repeat 185px 8px; padding-left:10px ; width:205px; 
	line-height: 24px;
    height: 50px;
    overflow: hidden;
   white-space: normal;
    text-overflow: ellipsis;
	
 

}
    

.productsmall img{ padding:5px; border:1px solid #c6c4c4;width:205px; height:205px; background-color:#FFFFFF}
.productsmall span{ float:right}
 
/* Footer Styles */
footer {
	margin: 10px 0;
	color: #CCCCCC;
}
footer h3  {
	color: #dadde0;
}
footer h4  {
	color: #dadde0;
}
footer p  {
	color: #dadde0;
}
footer ul li {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}
footer ul  {
	
	padding-left: 0px;
	margin-left: 0px;
}
footer a{
	color: #dadde0;
	text-decoration:none
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Responsive Styles */
@media (max-width: 767px) {

.carousel {
  height: 45%; /* increases the carousel height so it looks good on phones */
}
.carousel-inner h1{ color:#FFFFFF; font-size: 2em; line-height:1em}

.carousel-caption { width:100%; margin-left:0px;
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 0%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  color: #ffffff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); background-color:rgba(0, 0, 0, 0.4);
  font-family:font-family:"roboto",arial;
}
.topright{
	float:none;
	text-align: right;
	display:block;
  position:absolute;
  width:100%;
	
}
.topright h1{
	display:none
}
.topright h2{
	display:none
}

.phone{
	font-size:16px;
	color:#14245F;
	font-weight: 500;
	font-family:"roboto";
	margin-top:5px; letter-spacing:0px;
  margin-right:0px;
}
.phone span{ display:none}

#searchForm {display:none}


 
.maintop{
	background-color:none;
	height:98px;
	background-image: none;
	background-position: left center, right center;
	background-repeat:no-repeat;
	padding:0 0px 0 0px;
	margin:0 0% 0 0%
}
.logostyle{ margin-top: 0px; margin-bottom: 20px; width:30%; text-align:center; margin-left:0px}

.topright a.info {display:none}
 
.topright h1{
	display:none
}
.topright h2{
	display:none
}



.carousel {
  height: 30%;
}
.carousel-inner h1{ color:#FFFFFF; font-size: 2em; line-height:1em}
.telno{ display:none}
.navbar-brand {
  float: left;
  padding: 10px 10px;
  font-size: 18px;
  line-height: 10px;}

.nav li a { margin-top:0px;
  position: relative;
  display: block;
  font-size:20px; color:#2a1357 }

.navbar-nav > li > a {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 20px;
  margin-left:20px
}
.imageright{
 max-width:20% !important; max-height:20%;
	float: right;
	margin-left: 0px;
	padding: 5px;
	border: solid #cccccc 1px;
}

.navbar-nav > li > a {
	color: #ffffff;
	margin-bottom:20px;
	padding:4px
}
.navbar-collapse {
	float: left
}

.page-header {display:none}
.sidebar{margin-top:0px }
.breadcrumb{display:none}

.carousel-inner h2{ display:none}
.imageright{
	float: right;
	margin-left: 20px;
	padding: 5px;
	border: none;
	width: 40%;
}
.homelozenges{
	text-align:center;
	padding: 0px 0px 40px 0px;
}
.homelozenges h2{font-size: 22px; line-height:24px; color: #333333; font-weight:200;}
.quote{
	font-size: 18px;
	font-style: normal;
	font-weight:300;
	line-height: 20px;
	color: #333333;
font-family:font-family:"roboto",arial;
}
.lozenge{}
.lozenge h4{font-size: 22px; line-height:24px;
	color: #333333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100; letter-spacing:-1px}
.lozenge p{color: #333333;
	font-size: 16px; margin-top:-10px}
.iconhome{
	float: none;
	margin-right:5px;
	padding: 5px;
	border: none;

}
.brands{
	text-align:center;
padding: 0px 0px 20px 0px;
}
.brands h2{font-size: 22px; line-height:24px; color: #333333; font-weight:200;}
.brands img{ width:80%}
.internal{  margin-left:0px}
.slider{ display:none}
#ssli img{ width:100%}
} 


#jNotify   { font-size:20px !important }