/*

    Theme Name: ICT Original - SERVI-Q B.V.
    Theme URI: http://www.ictoriginal.nl
    Description: Wordpress thema ontwikkeld door ICT Original.
    Version: 2.0.0
    Author: Mike Smit
    Author URI: http://www.ictoriginal.nl
    
*/








/*#header #search { text-align: right; }

#header #search input[type=text] {

	display: inline-block;

	width: 300px;
	border: 1px solid #CCC;
	padding: 9px 10px !important; 
	color: #666; 
	line-height: normal; 
	font-size: 15px;
	margin: 0 -5px 0 0;
}

#header #search button[type=submit] {
	margin: -2px 0 0 0;
	width: 300px; background: #CCC; border: 0; height: 37px; width: 31px; }
*/

body, html { font-size: 13px; line-height: 22px; }
body { padding: 0 0 0 0; }

.mobile-spacer { height: 40px; }

:focus { outline: 0; }
* { -webkit-font-smoothing: antialiased; }
a { color: #c30c3c; text-decoration: none; display: inline-block; }
a:hover { color: #c30c3c; text-decoration: underline; }
input { -webkit-font-smoothing: antialiased; }

.carousel-indicators { bottom: 0; }
.carousel-indicators .active { background: white; width: 10px; height: 10px; margin: 1px; border: 1px solid white; }

#header .logo { }
#header .logo, #header #search { margin: 0 0 30px 0; }

/*img { max-width: 100%; }
*/
#menu {

	position: relative;
}

#menu nav { margin: 10px 0 0 0; border-bottom: 3px solid #c30c3c; }

#menu ul { list-style: none; margin: 0; padding: 0; }

#menu ul li { float: left; margin: 0; }

#menu ul li a {
	text-transform: uppercase;
	display: inline-block;

	font-size: 16px;
	color: #666;
	text-decoration: none;
	padding: 8px 15px 10px 10px;
}

#menu ul li:hover > a,
	#menu ul li a.current { 
		background: #c30c3c;
		color: white;
}

#menu ul li a .line {
	border-bottom: 2px solid white;
	margin: 3px 0 0 0; display: block; width: 100%;}

#menu ul li.brands { position: relative; }

#menu ul li.brands .submenu { display: none; }

#menu ul li.brands ul li:hover,
	#menu ul li.brands ul li.active {
	background: #c30c3c;
	color: white;
	text-decoration: none;
}

#menu ul li.brands .submenu {
	position: absolute;
	display: none;

	width: 240px;

	top: 45px;
	left: 0;
	z-index: 9999999;
	border-top: 1px solid #c30c3c;
}

#menu ul li.brands .submenu ul {
	float: left;

	margin: 0;
	padding: 0;

	background: #333;

	list-style: none;
	height: 100%;
}

#menu ul li.brands .submenu ul li {
	display: block; 
	padding: 0;
	text-transform: none;
}

#menu ul li.brands .submenu ul li a {
	color: white;
	text-decoration: none;
	width: 240px;
	display: block;

	padding: 10px;
	text-transform: none;
	font-size: 13px;
}

#menu ul li.brands .subfilters ul li a.active,
	#menu ul li.brands .subfilters ul li a:hover  {
		background: #c30c3c;
		color: white;
		text-decoration: none;
}

#menu ul li.brands:hover .submenu { display: block; }

#menu-mobile {
	
}

.menu-trigger { position: absolute; top: 30px; right: 15px; font-size: 30px; }

#menu-mobile .menu { display: none; background: #f4f4f4; margin: 0 0 10px 0; }

#menu-mobile ul { }

#menu-mobile ul { list-style: none; margin: 0; padding: 0; }
#menu-mobile ul li { }
#menu-mobile ul li a { padding: 10px; color: #666; border-bottom: 1px solid #eaeaea; display: block; text-decoration: none; }
#menu-mobile ul li a.current { background: #c30c3c; color: white; }

#menu-mobile ul li.brands .submenu { }
#menu-mobile ul li.brands { }


/*
	--- BREADCRUMBS ---
*/

#breadcrumbs {
	padding: 5px 0;
	border-bottom: 1px dashed #ccc;
}

#breadcrumbs .separator {
	background: url(static/img/arrow_small.png) no-repeat;
	display: inline-block;

	width: 4px;
	height: 8px;

	margin: 0 2px;
}

#breadcrumbs a {
	font-size: 11px; 
	color: #666; 
	text-decoration: none;
	text-transform: uppercase;
}

#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs a.active { color: #c30c3c; text-decoration: none !important; }
#breadcrumbs a.inactive:hover { text-decoration: none; }

/*
	--- HOME ---
*/ 

#home #breadcrumbs { border: 0; }


.headlines-carousel { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px dashed #b1b1b1; }

.headlines-carousel .carousel { background: #555; }
.headlines-carousel .carousel .item { }
.headlines-carousel .carousel .item .article { position: absolute; top: 40px; left: 1170px; }

.headlines-carousel .carousel .item .article.small { top: 10px; /*left: 10px;*/ }
.headlines-carousel .carousel .item .article .title-wrapper { margin: 3px 0 40px 0; }

.headlines-carousel .carousel .item .article.full h3 {
	font-size: 26px;
	line-height: 42px;
	color: white;
	font-weight: normal;
}

#news .headlines-carousel .carousel .item .article { position: absolute; top: 40px; left: 40px; }
#news .headlines-carousel .carousel .item .article.small { top: 10px; left: 10px; }



.article h3 span {  color: white; 
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 7px 4px; 
   float: left;
   line-height: normal;
}

.article.small h3 { line-height: 41px; font-weight: lighter; }

.headlines-carousel .carousel .item .article.small h3 { font-size: 17px; margin: 0; color: #c30c3c; }

.headlines-carousel .carousel .item .article.small h3 span { padding: 2px; }

.headlines-carousel .carousel .item .article.small .read-more { font-size: 14px; }

.excerpt p {
	font-size: 16px;
	color: #9a9a9a;
}
.excerpt a {
	text-decoration: none;
	font-size: 16px;

}


.headlines-carousel .carousel .item .article .read-more {
  padding: 10px;

  background: #c30c3c;

  font-weight: normal;
  color: white;
  font-size: 16px;
  text-decoration: none; }


#home .headlines {
	
}

#home .headlines .headline { 
	margin: 0 0 20px 0; 
}

#home .headlines .headline h3 {
	font-weight: normal;
	font-size: 22px;
	margin: 0 0 10px 0;
	line-height: normal;
	padding: 0;
	color: #333;
}


#home .news-header {
	padding: 20px 0;	
/*	text-align: center;*/
}
.news-header h2 { 
	font-size: 30px;
	font-weight: bold; 
	margin: 0; 
}

#home .brands-header {
	border-top: 1px dashed #b1b1b1;
	padding: 20px 0;	
}

.brands-header {
	padding: 20px 0;
}

.brands-header h2 { 
	font-size: 20px; 
	font-weight: bold; 
	margin: 0; 
}

.brands .brand {

	background: #555;

	margin: 0 0 20px 0;
	position: relative;
}

.brands .brand img {
	width: 100%;
}

.brands .brand:hover .title { 
	background: #c30c3c; 
}

.brands .brand .title { 
	position: relative; 
	transition: .3s ease;
	display: block; 
	padding: 16px 12px; 
	background: #333; 
	color: #FFF; 
	font-size: 18px; 
	font-weight: bold; 
	text-decoration: none; 
	line-height: normal; 
}



.brands .brand .title.active { background: #c30c3c; }
.brands .brand .title .arrow { 
	position: absolute; 
	top: 50%; 
	right: 10px; 
	transform: translateY(-50%);
	background: url(static/img/arrow_medium.png) no-repeat; 
	display: inline-block; 
	width: 8px; 
	height: 13px; 
}

/*
	--- PAGE ---
*/

#page { }
#page h2 { font-size: 20px; font-weight: normal; text-transform: uppercase; }
#page img { max-width: 100%; height: auto; }
/*
	--- NEWS ---
*/

#news { margin: 0 0 20px 0; }
#news #breadcrumbs { border: 0; }

.pagination { margin: 20px 0 20px 0; }
.pagination .current, .pagination .inactive, .pagination .button { padding: 5px 9px; margin: 0 5px 0 0; }
.pagination .current { background: #c30c3c; color: #FFF; font-weight: bold; }
.pagination .inactive { background: #333; color: #FFF; text-decoration: none; }
.pagination .inactive:hover { background: #c30c3c; color: #FFF; text-decoration: underline; }


#news .articles .header h2 { font-size: 20px; font-weight: normal; margin: 0 0 20px 0; text-transform: uppercase; }

#news .articles .article { margin: 0 0 20px 0; }
#news .articles .article img { width: 100%; }
#news .articles .article .content h3 { font-weight: normal; margin: 0; line-height: normal; padding: 0; font-size: 15px; }
#news .articles .article .content h3 a { text-decoration: none; color: #c30c3c; }
#news .articles .article .content .date { color: #999; }
#news .articles .article .content p { margin: 0; }

#brand { }

#brand #breadcrumbs { margin: 0 0 0 0; border: 0; }

#brand .carousel { background: #555; margin: 0 0 20px 0; }
#brand .carousel .item a { display: block; }
#brand .info { /*padding: 20px; border: 1px solid #CCC;*/ color: #666; }
#brand .info .logo { border-bottom: 1px dashed #b1b1b1; padding: 0 0 20px 0; }
#brand .info .facebook {  display: inline-block; width: 32px; height: 32px; float: left; background: url(/wp-content/themes/ictoriginal/static/img/facebook.png) no-repeat; }
#brand .about { margin: 20px 0 0 0; }

#brand .header { margin: 0 0 20px 0; }

#brand .products h3 {
	font-size: 18px;
	font-weight: normal;;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#brand .line { border-top: 1px dashed #b1b1b1; margin: 0 0 20px 0; }

#brand .products-filter { border-bottom: 2px solid #c30c3c; margin: 20px 0 20px 0; height: 37px; }
#brand .products-filter ul { list-style: none; padding: 0; margin: 0; }
#brand .products-filter ul { }
#brand .products-filter ul li {
	float: left;
	padding: 10px;
	line-height: normal;
	text-transform: uppercase;
	color: #666;
	cursor: pointer;
}

#brand .products-filter ul li .sub-filters { display: none; }


#brand .products-filter ul li:hover,
	#brand .products-filter ul li.active {
	background: #c30c3c;
	color: white;
	text-decoration: none;
}

#brand .products-filter ul li.categories {
	position: relative;
}

#brand .products-filter ul li.categories .subfilters {
	position: absolute;
	display: none;

	width: 240px;

	top: 35px;
	left: 0;
	z-index: 9999999;
	border-top: 1px solid #c30c3c;
}

#brand .products-filter ul li.categories .subfilters ul {
	float: left;

	margin: 0;
	padding: 0;

	background: #333;

	list-style: none;
	height: 100%;
}

#brand .products-filter ul li.categories .subfilters ul li {
	display: block; 
	padding: 0;
	text-transform: none;
}

#brand .products-filter ul li.categories .subfilters ul li a {
	color: white;
	text-decoration: none;
	width: 240px;
	display: block;

	padding: 10px;
}

#brand .products-filter ul li.categories .subfilters ul li a.active,
	#brand .products-filter ul li.categories .subfilters ul li a:hover  {
		background: #c30c3c;
		color: white;
		text-decoration: none;
}

#brand .products-filter ul li.categories:hover .subfilters { display: block; }

#brand .category-list {
	margin: 0 0 30px 0;
}

#brand .category-list .category {
	padding: 5px 8px;
	background: #f4f4f4;
	margin: 0 3px 3px 0;
	display: inline-block;
	color: #555;
	text-decoration: none;
}

#brand .category-list .category:hover {
	background: #eaeaea;
}

#brand .category-list .category.active {
	background: #c30c3c;
	text-decoration: none;
	color: white;
}

#brand .products-list .product a { display: block; }
#brand .products-list .product .image { border: 1px solid #eaeaea; height: 200px; margin: 0 0 10px 0; display: block; width: 100%; }

#brand .products-list .product .image td { vertical-align: middle; text-align: center; height: 200px;  }
#brand .products-list .product .image table { width: 100%; }
#brand .products-list .product img { max-width: 130px; max-height: 180px; height: auto; }

#brand .products-list .product { position: relative; margin: 0 0 20px 0; }

#brand .products-list .product .name {
	font-family: Helvetica;
	font-size: 14px;
	color: #666;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

#brand .products-list .product  .new-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
}

#brand .products-list .product  .new {
  font: bold 13px Helvetica;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 5px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background: #c30c3c;
  color: #f4f4f4;
}

#brand .products-list .product .new:before, #brand .products-list .product .new:after {
  content: "";
  border-top:   3px solid #CCC;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

#brand .products-list .product  .new:before {
  left: 0;
}

#brand .products-list .product  .new:after {
  right: 0;
}

#brand .products-per-category .category {
	display: none;
}

/*
	--- NEWS ARTICLE ---
*/

#news-article { margin: 0 0 20px 0; }

#news-article h2 {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 20px 0;
}

#news-article .image {
	margin: 0 0 20px 0;
}

#news-article .image img { max-width: 100%; height: auto; }

#news-article .footer { color: #777; }

#news-article a span { text-decoration: none; }

/*
	--- PRODUCT ---
*/

#product { margin: 0 0 20px 0; }

#product #breadcrumbs { margin: 0 0 20px 0; }

#product .tabs-list {
	border-bottom: 2px solid #c30c3c;
	margin: 40px 0 20px 0;
}

#product .article h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

#product .logo img { max-height: 50px; }
#product .facebook { display: inline-block; width: 32px; height: 32px; float: right; background: url(/wp-content/themes/ictoriginal/static/img/facebook.png) no-repeat; }


#product .highlights h3 { font-size: 14px; }

#product .features { text-align: right; margin: 40px 0 0 0; }
#product .features .feature { display: inline-block; margin: 0 0 20px 0; max-width: 125px; }

#product .features.visible-xs { text-align: left; }

#product .tabs-list .tab-item {
	padding: 10px;
	line-height: normal;
	text-transform: uppercase;
	color: #666;
	cursor: pointer;
	text-decoration: none;
	display: block;
	float: left;
}

#product .tabs-list .tab-item.active, #product .tabs-list .tab-item:hover {
	background: #c30c3c;
	color: white;
}

#product .tabs-list .actions { text-align: right; }
#product .tabs-list .actions .print { color: #555; }

#product .images .image { display: table; height: 300px; border: 1px solid #eaeaea; padding: 20px; text-align: center; margin: 0 0 20px 0; width: 100%; }
#product .images .image .wrapper { display: table-cell; vertical-align: middle; margin: 0 auto; width: 100%; }
#product .images .image td { height: 260px; vertical-align: middle; text-align: center; }
#product .images .image img {  max-height: 260px; }

#product .images .thumbnails .product-thumbnail { display: table; width: 100%; border: 1px solid #eaeaea; height: 100px; text-align: center; margin: 0 0 20px 0; }
#product .images .thumbnails .product-thumbnail .wrapper { position: relative; display: table-cell; vertical-align: middle; height: 80px; margin: 0 auto; }

#product .images .thumbnails .product-thumbnail .wrapper img { max-height: 80px; }

#product .tabs .tabs-content .tab { display: none; }
#product .tabs .tabs-content .tab.active { display: block; }


#product .tabs .tab-support h3 { font-size: 14px; }

#product .tabs .tab-support .qr-code { margin: 20px 0; }

#product .tabs .tab-specifications { padding: 10px 0 0 0; }

#product .tabs .tab-specifications .disclaimer { margin: 20px 0 0 0; }

#product .tabs .tab-specifications .specification { padding: 10px; }
#product .tabs .tab-specifications .specification.grey { background: #f4f4f4; }
#product .tabs .tab-specifications .specification.sub { padding: 5px 10px; }
#product .tabs .tab-specifications .specification .left { float: left; text-align: left; }
#product .tabs .tab-specifications .specification .right { float: right; text-align: right; }

#product .tabs .tab-reviews a { display: inline; }

#product .tabs .tab-faq .items {

}

#product .tabs .tab-faq .items .item {
	margin: 0 0 10px 0; 
}

#product .tabs .tab-faq .items .item .question {
	font-weight: bold;
	margin: 0 0 5px 0;
	cursor: pointer;
}

#product .tabs .tab-faq .items .item .question .glyphicon {
	font-weight: normal !important;
	margin: 0 5px 0 0;
}

#product .tabs .tab-faq .items .item .answer {
	padding: 0 0 0 22px;
	display: none;
}

#product .tabs .tab-faq .items .item.active .answer {
	display: block;
}


/*
	--- PRICELISTS ---
*/

#pricelists .header h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 20px 0;
	text-transform: uppercase;
}

#pricelists .downloads { padding: 0; margin: 0 0 20px 0; list-style-position: inside; }
#pricelists .downloads li { margin: 0; padding: 0; }
#pricelists .downloads li a { display: inline; color: #333; }

/*
	--- PAGE NOT FOUND ---
*/

#page-not-found .header h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
}

/*
	--- SERVICE - ARTICLE ---
*/

#service-article { margin: 0 0 20px 0; }

#service-article .header h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
}

#service-article .header .image { margin: 20px 0 0 0; }

/*
	--- CONTACT ---
*/

#contact { margin: 0 0 20px 0; }

#contact .header { margin: 0 0 20px 0; }

#contact .header h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
}

#contact .contact-details { }

#contact .contact-details h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#contact .contact-details p { margin: 0 0 20px 0; }

#contact .contact-form { margin: 0 0 20px 0; padding: 20px 0; border-top: 1px dashed #b1b1b1; }

#contact .contact-form h3 { font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0 0 20px 0; }


#contact .contact-form span { display: block; margin: 0 0 5px 0; }
#contact .contact-form input[type=text],
	#contact .contact-form input[type=email] {
		border: 1px solid #eaeaea;
		padding: 5px; color: #333;
		margin: 0 0 10px 0;
}

#contact .contact-form textarea { width: 100%; height: 160px !important; margin: 0 0 10px 0; padding: 5px; border: 1px solid #eaeaea; resize: vertical; }

#contact .contact-form #captcha { margin: 0 0 5px 0; }
#contact .contact-form input[type=submit] { background: #c30c3c; margin: 10px 0 0 0; padding: 7px 10px; border: 0; color: #FFF; font-weight: bold; }

.wpcf7-response-output { margin: 20px 0 0 0 !important; padding: 0 !important; border: 0 !important; }
.wpcf7-not-valid-tip-no-ajax { margin: 10px 0 !important; display: block; color: #333 !important; }
.wpcf7-not-valid-tip { margin: 0 0 10px 0 !important; color: #cc0000 !important; }

/*
	--- SEARCH ---
*/

#search .header { margin: 0 0 20px 0; }

#search .header h2 {
	font-size: 20px;
	font-weight: normal;
	margin: 20px 0 10px 0;
	text-transform: uppercase;
}

#search .input-group { max-width: 300px; margin: 0 0 10px 0;  }

#search h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 20px 0;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #b1b1b1;

}

#search .results { margin: 0 0 20px 0; }

#search .navigation .nav-previous { float: left; }
#search .navigation .nav-next { float: right; }

#search .navigation.bottom { margin: 0 0 20px 0; }

#search .results .result { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px dashed #b1b1b1; }
#search .results .result p:last-child { margin: 0; }
#search .results .result h4 {
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: normal;
	padding: 0;
	font-size: 15px;
}

#search .results .result.last { border: 0; margin: 0; }

/* Media */


#quickinfo { }
#quickinfo a { text-decoration: none; }
#quickinfo .item { text-decoration: none; background: #333; padding: 15px; color: white; border-bottom: 1px solid #555; }
#quickinfo .item:hover { background: #c30c3c; border-color: #c30c3c; }
#quickinfo a.inactive .item:hover { background: #333; }
#quickinfo .content { background: #CCC; }
#quickinfo h2 { font-size: 20px; font-weight: normal; margin: 0 0 20px 0; text-transform: uppercase; }
#quickinfo .item span { display: block; text-align: right; }
#quickinfo .item h4 { background: none; padding: 0; line-height: normal; margin: 0 0 5px 0; font-size: 13px; font-weight: bold; }





/*
	--- FOOTER ---
*/

#footer { padding: 20px 0 0 0; border-top: 1px dashed #b1b1b1; font-size: 13px; }
#footer .inner { background: #333; padding: 15px; border-top: 3px solid #c30c3c; }
#footer .inner .left { float: left; color: #a3a3a3; }
#footer .inner a { color: #a3a3a3; text-decoration: none; }
#footer .inner a:hover { text-decoration: underline; }
#footer .inner .right { float: right; }

#footer .inner .right ul { list-style: none; padding: 0; margin: 0; }
#footer .inner .right ul li { float: left; position: relative;   }
#footer .inner .right ul li .seperator { position: absolute; top: 6px; right: 0; border-right: 1px solid #FFF; height: 10px; display: inline-block; }


/*

	--- WORDPRESS ---

*/

.alignleft { float: left; }
.alignright { float: right; }

img.alignleft { margin: 0 20px 10px 0; }
img.alignright { margin: 0 0 10px 20px; }


/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
  position: relative;
}

.ekko-lightbox-nav-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.ekko-lightbox-nav-overlay a {
  z-index: 100;
  display: block;
  width: 49%;
  height: 100%;
  font-size: 30px;
  color: #fff;
  text-shadow: 2px 2px 4px #000;
  opacity: 0;
  filter: dropshadow(color=#000000, offx=2, offy=2);
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
  width: 49%;
}

.ekko-lightbox a:hover {
  text-decoration: none;
  opacity: 1;
}

.ekko-lightbox .glyphicon-chevron-left {
  left: 0;
  float: left;
  padding-left: 15px;
  text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
  right: 0;
  float: right;
  padding-right: 15px;
  text-align: right;
}

.ekko-lightbox .modal-footer {
  text-align: left;
}