/* brand */
div.modlar-brands h1 { color: #e74c3c; margin-top: 14px; margin-bottom: 20px; }
div.modlar-brands .breadcrumb { text-align: left; }
div.modlar-brands ul.letter-search { margin: 30px 0 40px 0; padding: 0; list-style: none; font-size: 18px; color: #bbb; }
div.modlar-brands ul.letter-search > li { display: inline-block; }
div.modlar-brands ul.letter-search > li + li:before { content: ' '; padding: 0 5px; }
div.modlar-brands ul.letter-search > li > a { color: #232323; }
div.modlar-brands ul.letter-search > li > a:hover, .letter-search > li > a:focus, .letter-search > li.active > a, .letter-search > li.active > a:hover, .letter-search > li.active > a:focus { border-bottom: 4px solid #e74c3c; padding-bottom: 4px; text-decoration: none; }

.company-bg { position: absolute; width: 100%; min-height: 385px; background-color: #bdc3c7; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; }
.company-bg-1 { background: url('../jpg/brand_cover_583dc6dfbd38a.jpg'); background-position: center center; }
.company-bg-2 { background: url('../jpg/brand_cover_583dca20038ac.jpg'); background-position: center center; }
.company-bg-3 { background: url('../jpg/brand_cover_583dca314ac02.jpg'); background-position: center center; }
.company-bg-4 { background: url('../jpg/brand_cover_583cd7791362b.jpg'); background-position: center center; }
.company-bg-5 { background: url('../jpg/brand_cover_583cd86acc5e0.jpg'); background-position: center center; }
.company-bg .where-to-buy-cover-btn { position: absolute; right: 0; top: 100px; background-color: rgba(255, 255, 255, 0.7); width: 300px; height: 60px; text-align: center; vertical-align: middle; line-height: 60px; color: #e74c3c; font-size: 16px; }
.company-bg a.where-to-buy-cover-btn:hover { color: #c0392c; }

.company-bg .brand-cover-thumbnail { position: absolute; top: 150px; right: 0; min-width: 300px; min-height: 60px; text-align: center; vertical-align: middle; line-height: 60px; font-size: 16px; padding: 0; }

.company-header { margin-bottom: 34px; padding-top: 262px; color: #000; }
.company-header .breadcrumb > li a { color: #ccc; }
.company-header .breadcrumb > li.active { color: #eee; }
.company-header .img-responsive { margin: 0 auto; }
.company-header .brand-alert { float: left; margin-top: 10px; margin-bottom: 0; margin-left: 30px; padding: 6px 10px; color: #000; border-radius: 0; background-color: #fff; }
.company-header .brand-alert p { font-size: 14px; }
.company-header p { font-size: 18px; }
.company-header div[itemprop="description"] { margin-top: 12px; font-size: 14px; }
.company-header div[itemprop="description"] p { font-size: 14px; }
.company-header div[itemprop="description"] a:hover { color: #c0392c; }
.company-header a.follow-btn { margin-top: 10px; }
.company-header .nav-pills { text-transform: uppercase; }
.company-header .nav-pills > li > a { margin-bottom: 0; color: #fff; border-bottom: 4px solid transparent; }
.company-header .nav-pills > li.active > a, .company-header .nav-pills > li.active > a:hover, .company-header .nav-pills > li.active > a:focus { background-color: transparent; border-bottom: 4px solid #e74c3c; }
.company-header .nav-pills > li > a:hover, .company-header .nav-pills > li > a:focus { text-decoration: none; background-color: transparent; border-bottom: 4px solid #e74c3c; }
.company-header .nav-pills > li > a > div { margin-bottom: 8px; font-size: 20px; text-align: center; }
.company-header > .container { position: relative; min-height: 255px; margin-bottom: 128px; }
.company-header > .container > .row { bottom: -127px; position: absolute; }
.company-header .company-logo { padding-top: 40px; padding-bottom: 40px; }
.company-header .company-heading { min-height: 245px; }
.company-header .company-heading > div { min-height: 245px; border: solid 1px #dfdcdc; background-color: rgba(255, 255, 255, 0.9); }
.company-header .company-logo > div { padding: 10px; border: solid 1px #dfdcdc; background-color: white; }
.company-header .company-heading > div { padding: 29px 31px; }
.company-header .company-heading h1 { margin-top: 0px; margin-bottom: 14px; display: inline-block; margin-right: 22px; padding-left: 15px; }
.company-header .company-heading div.brand-follow { display: inline-block; margin-top: 5px;  }
.company-header .company-heading div.brand-follow .follow-btn { margin-top: 0px; font-size: 11px; min-width: 87px; text-align: center; }
.company-header .brand-meta a.brand-meta-link { color:#000000; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 12px;}
.company-header .brand-meta a.brand-meta-link strong { color:#000000; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 15px; font-weight: bold;}
.company-header .brand-meta span { display:inline-block; margin-right: 18px; }
.company-header .brand-meta .where-to-buy-link { margin-left: 25px; font-size: 13px; }
.company-header .company-heading .brand-details > div { position: relative; margin-top: 12px; }
.company-header .company-heading .brand-details > div.contact-btn-container { position: relative; margin-top: 5px; }
.company-header .company-heading .brand-details .icon { position: absolute; vertical-align: top; margin-right: 7px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 11px; color: #ffffff; display: inline-block; background-color: #e74c3c; line-height: 13px; padding: 2px 0; width: 17px; height: 17px; text-align: center; }
.company-header .company-heading .brand-details .content { word-break: break-word; vertical-align: top; padding-left: 24px; display: inline-block; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 13px; color: #4e4c4e; }
.company-header .company-heading .brand-details .content a { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 13px; color: #4e4c4e; }
.company-header .company-heading .brand-unfollow { background-color: white; border: 1px solid #47c67f; color: #47c67f !important; }
.company-header .company-heading a.brand-follow:hover { background-color: #c0392b; color:white; }
.company-header .company-heading .brand-description { font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
.company-header .company-heading .contact-btn, .company-header .company-heading .follow-btn { color: white; font-size: 11px; text-decoration: none; }
.company-header .company-heading .related-brands { padding-left: 15px; }
.company-header .company-heading .related-brands span.label { display: inline-block; padding: 6px 12px; color: #333; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-weight: normal; font-size: 13px; border-radius: 2px; background-color: #ecf0f1; margin: 10px 12px 0 0; }
.company-header .company-heading .related-brands span.label:hover { background-color: #d4d8d9; }
.company-header .company-heading .related-brands h2 { font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 14px; margin-bottom: 0; }

/* brand content */
div.brand-content { margin-bottom: 50px; }
div.brand-content div.brand-srnd { position: relative; background-color: #fff; border-top: 1px solid #bdc3c7; padding-top: 24px; min-height: 210px; }
div.brand-content div.brand-srnd .ribbon { top: -8px; right: -7px; }
div.brand-content div.brand-img { max-width: 130px; text-align: center; }
div.brand-content div.brand-img img { margin: 0 auto; padding: 6px; border: 1px solid #bdc3c7; }
div.brand-content div.brand-img .img-responsive { width: 100%; }
div.brand-content div.brand-info { padding-left: 0px; }
div.brand-content div.brand-title a { display:inline-block; }
div.brand-content div.brand-title h2 { margin: 0; font-size: 18px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.brand-content div.text-muted p { font-size: 13px; line-height: 18px; margin: 4px 0 0 0; }
div.brand-content div.brand-products { height: 64px; overflow: hidden; }
div.brand-content div.brand-products img { margin-right: 20px; float: left; }
div.brand-content div.brand-products img:last-child { margin-right: 0; }

div.brand-content div.brand-follow a { background-color: #e74c3c; border: 1px solid #e74c3c; color: #fff; cursor: pointer; display: inline-block; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 10px; line-height: 10px; margin: 13px 0px 20px 0px; min-width: 79px; padding: 7px 8px 6px; text-align: center; text-decoration: none; text-transform: uppercase; }
div.brand-content div.brand-follow a:hover { background-color: #c0392b; border: 1px solid #c0392b; }
div.brand-content div.brand-follow .brand-following { background-color: #47c67f !important; border: 1px solid #47c67f !important; }
div.brand-content div.brand-follow .brand-unfollow:hover { background-color: #fff !important; border: 1px solid #47c67f !important; color: #47c67f !important; }

/* Product category nav */
#products .product, #category-products .product { padding: 0; margin: 0 16px 30px; }

#product-category-nav .filter-title { margin: 0 0 10px; font-size: 14px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; cursor: pointer; }
#product-category-nav i.btb { position: relative; margin-left: 9px; font-size: 10px; }
#product-category-nav .category a.category-link { color: #000000; font-size: 13px; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
#product-category-nav .category a.category-link:hover, #product-category-nav .category a.category-link:hover span { color: #e74c3c; }
#product-category-nav .category a.category-link span { font-size: 11px; color: #81828f; font-weight: normal; }
#product-category-nav .category a.category-link.active { color: #e74c3c; }
#product-category-nav .category a.category-link.active:hover { color: #c0392c; }
#product-category-nav .category a.category-link.active span { color: #e74c3c; }
#product-category-nav .category .children-list { margin-left: 10px; }
#product-category-nav .category { margin-bottom: 7px; }

#nav-alpha-brands .row { margin-right: 19px; }
#nav-alpha-brands i.btb { position: relative; margin-left: 9px; font-size: 10px; }
#nav-alpha-brands .nav-alpha-brands-link a { color: #000000; }
#nav-alpha-brands .nav-alpha-brands-link a:hover { color: #e74c3c; }
#nav-alpha-brands .nav-alpha-brands-link a.active { font-weight: bold; color: #e74c3c; }
#nav-alpha-brands .nav-alpha-brands-link a.active:hover { color: #c0392c; }
#nav-alpha-brands .nav-alpha-brands-link { margin-bottom: 10px; }
#nav-alpha-brands .filter-title { margin: 0 0 10px; font-size: 14px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; cursor: pointer; }


/* responsive */
@media (max-width: 767px) { /* extra small devices (phones, less than 768px) */
	.company-header h1, .company-header .brand-follow { text-align: center; }
	.company-header div.brand-follow { text-align: left; }
	.company-header .brand-alert { float: none; margin-left: 0; }

	div.brand-content div.brand-info { padding: 0 10px 0 36px; }
	div.brand-content div.brand-follow { padding-right: 15px; margin-top: 11px; }
	div.brand-content div.brand-details { padding-left: 15px; }

	div.modlar-brands ul.letter-search > li > a { line-height: 40px; }
	.company-header .company-heading .brand-details > div.contact-btn-container { position: relative; margin-top: 11px; }
	#products .product, #category-products .product { padding: 0 15px; margin: 0 0 30px; }
	.company-header { padding-top: 0; }
	.company-header .company-heading div.brand-follow { margin-top: 11px; }
}

@media (min-width: 768px) and (max-width: 991px) { /* small devices (tablets, 768px and up) */
	div.brand-content div.brand-info { min-height: 125px; }
	#products .product, #category-products .product { padding: 0 15px; margin: 0 0 30px; }
}

@media (min-width: 992px) and (max-width: 1023px) { /* medium devices (desktops, 992px and up) */
	div.brand-content div.brand-info { min-height: 161px; }
	#products .product, #category-products .product { padding: 0 15px; margin: 0 0 30px; }
}