@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|ABeeZee|Share+Tech|Roboto+Slab|Montserrat);


.site-logo {
	padding-top: 8px;
	padding-bottom: 5px;
}




body.ecommerce {
	background: #101D49;
	color: #ffffff;
	font-family: "Roboto Slab","Montserrat",sans-serif;
}

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


.ecommerce h1, .ecommerce h2, .ecommerce h3, .ecommerce h4, .ecommerce h5, .ecommerce h6 {
	font-family: "Montserrat",sans-serif;
	text-transform: capitalize;
}

/* Navigation */
.ecommerce .header-navigation {
	font-size: 16px;
	padding: 34px 12px 32px;
}

.ecommerce .header-navigation > ul > li > a {
	color: #101D49;
	padding: 10px 15px;
	font-family: "Roboto Slab","Montserrat",sans-serif;
	text-transform: capitalize;
}

.ecommerce .header-navigation ul > li.active > a,
.ecommerce .header-navigation ul > li > a:hover,
.ecommerce .header-navigation ul > li > a:focus,
.ecommerce .header-navigation ul > li.open > a,
.ecommerce .header-navigation ul > li.open > a:hover,
.ecommerce .header-navigation ul > li.open > a:focus {
	background-color: transparent;
	text-decoration: none;
	color: #4bc0ec;
}

.ecommerce .header-navigation .dropdown-menu > li > a:hover,
.ecommerce .header-navigation .dropdown-menu > li.active > a,
.ecommerce .header-navigation .header-navigation-content .header-navigation-col li > a:hover,
.ecommerce .header-navigation .header-navigation-content .header-navigation-col li.active > a {
	color: #4bc0ec;
}

.ecommerce .header-navigation ul > li.active > a {
	border-bottom: none !important;
}

.ecommerce .header-navigation .dropdown-menu > li:first-child {
	border-top: 2px solid #4bc0ec;
}

.ecommerce .header-navigation > ul > li.dropdown:hover > a:after {
	border-bottom: 8px solid #4bc0ec;
}

.ecommerce .header-navigation > ul > li > .dropdown-menu {
	margin-top: -2px;
}
.ecommerce .reduce-header .header-navigation > ul > li > .dropdown-menu {
	margin-top: -2px;
}
.ecommerce .reduce-header .header-navigation > ul > li.dropdown:hover > a:after {
	bottom: 0;
}
.pi-img-wrapper {
	min-height:150px;
}
.product-item h3 {
	min-height: 75px;
	margin-bottom: 0px;	
}

.product-item h3 a {
	font: 14px "Open Sans",sans-serif;
	color: #132246;
}

.product-item .product-code {
	min-height: 16px;
	font: 11px "Open Sans",sans-serif;
	text-transform: uppercase;
	color: #161A34;
	margin-top: 2px;
	margin-bottom: 5px;
}

.pi-price {
    color: #4bc0ec;
    font-size: 20px;
    margin-bottom: 5px;
}
.product-item .min-item {
    float: right;
    color: #132246;
    font: 18px "PT Sans Narrow",sans-serif;
    padding-top: 1px;
    margin-bottom: 5px;
}   
.add2cart {
	padding: 6px 6px !important;
}
.product-item .add2adv {
	float: right;
}
.product-item .add2adv:hover {
	color: #fff !important;
}
.add2adv {
	padding: 6px 6px !important;
}

.product-item .remove-from-cart {
	float: right;
}
.product-item .remove-from-cart:hover {
	color: #fff !important;
}
.remove-from-cart {
	padding: 6px 6px !important;
}

.product-item .spinner_product_quantity {
	float: left;
	max-height: 32px;
	max-width: 90px;
}
.product-item .spinner_grid_button {
	padding: 10px 2px 10px 2px;
	font-size: 10px;
}
.product-item .spinner_grid_quantity {
	width: 50px;
	padding-left: 2px;
	padding-right: 2px;
}

.outofstock {
	padding: 6px 6px !important;
	font-size: 14px;
}
.content_row {
	font-size: 15px;
}

.content_row ul li {
	margin-bottom: 15px;
}

.content_footer_top {
	background: #4bc0ec none repeat scroll 0 0 !important;
	color: #ffffff;
	padding: 20px 0;
	font-family: "Roboto Slab",sans-serif;
}

.content_footer {
	background: #071D49 none repeat scroll 0 0;
	color: #ffffff;
	padding: 20px 0;
}

.content_footer_bottom {
	background: #ffffff none repeat scroll 0 0;
	color: #ffffff;
	padding: 10px 0;
}

.footer_widgets_row a {
	color: #ffffff;
	text-decoration:underline;
}

.footer_widgets_row a:hover {
	color: #ffffff;
	text-decoration:none;
}

.footer_widgets .box {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}

.content_footer_top .phone, .content_footer_top .email {
	font-weight: normal;
	font-size: 22px;
	line-height: 150%;
}

.product-item {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #ccc;
}

h3.cat_heading {
	/*color: #DC2230;*/
	color: #071D49;
}

h3.product_family_link a {
	color: #101D49;
}

h3.product_family_link:hover a:hover {
	color: #4bc0ec;
	text-decoration:none;
}

.product-item .btn:hover {
	background: #4bc0ec none repeat scroll 0 0;
}

.btn {
	text-transform: capitalize;
	font-weight: normal;
}

.product-item-cat {
	text-align: center;
	border-radius: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 2px solid #bbb;
}

.product-item-cat img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.product-item-cat h3 a {
	font-size: 16px;
}

.product-item-cat a:hover {
	color: #4bc0ec;
	text-decoration:none;
}

.product-item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.red-reachmount.btn {
	background-color: #4bc0ec;
	color: #ffffff;
	font-size: 20px;
}
.red-reachmount.btn:hover, .red-reachmount.btn:focus, .red-reachmount.btn:active, .red-reachmount.btn.active {
	background-color: #c01f2b;
	color: #ffffff;
}

.red-reachmount-sm.btn {
	font-size: 14px;
}

.green-reachstationery.btn {
	background-color: #132246;
	color: #ffffff;
	font-size: 20px;
}

.green-reachstationery.btn:hover, .green-reachstationery.btn:focus, .green-reachstationery.btn:active, .green-reachstationery.btn.active {
	background-color: #4bc0ec;
	color: #ffffff;
}

.green-reachstationery-sm.btn {
	font-size: 14px;
}

.danger-reachstationery.btn {
	background-color: #E1343E;
	color: #ffffff;
	font-size: 20px;
}

.danger-reachstationery.btn:hover, .danger-reachstationery.btn:focus, .danger-reachstationery.btn:active, .danger-reachstationery.btn.active {
	background-color: #D91E18;
	color: #ffffff;
}

.danger-reachstationery-sm.btn {
	font-size: 14px;
}

.blue-reachstationery.btn {
	background-color: #071D49;
	color: #ffffff;
	font-size: 20px;
}

.blue-reachstationery.btn:hover, .blue-reachstationery.btn:focus, .blue-reachstationery.btn:active, .blue-reachstationery.btn.active {
	background-color: #4bc0ec;
	color: #ffffff;
}

.blue-reachstationery-sm.btn {
	font-size: 14px;
}

@media screen and (max-width: 600px) {
	.content_footer_top .phone, .content_footer_top .email {
		font-size: 14px;
	}
	.product-item-cat {
		min-height:210px;
	}
	.product-item-cat h3 {
		line-height: 20px;
		min-height:50px;
	}
}

@media screen and (max-width: 400px) {
	.product-item-cat {
		min-height:175px;
	}
	.product-item-cat h3 {
		line-height: 15px;
	}
}

.footer-links-custom, .footer-links-custom a, .footer-links-custom a:hover {
	color: #101D49;
	text-decoration: none;
	line-height: 45px;
}

.footer-links-custom a:hover {
	color: #4bc0ec;
	text-decoration: none;
	line-height: 45px;
}




/* breadcrumb */
.breadcrumb a {
	color: #161A34;
}
.breadcrumb a:hover {
	color: #4bc0ec;
}
.breadcrumb > .active {
	color: #4bc0ec;
}

/***
Sidebar
***/
.sidebar {
	color: #161A34;
}
.sidebar a {
	color: #161A34;
}
.sidebar a:hover {
	color: #4bc0ec;
}
.sidebar .dropdown.open .dropdown-toggle {
	background: #fff;
	color: #161A34;
}
.sidebar .dropdown.open .dropdown-toggle:hover {
	color: #4bc0ec;
}
.sidebar-menu .dropdown-menu li > a:hover, .sidebar-menu .dropdown-menu li > a:focus, .sidebar-menu li.active > a, .sidebar-menu li.active > a:hover {
	background: none !important;
	color: #4bc0ec;
}


/***
Frontend Parent Product Category Box
***/
.product-category-container {
	position: relative;
	text-align: center;
	color: #FFFFFF;
}

.product-category-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #161A34;
}

.product-category-container:hover .product-category-overlay {
	opacity: 0.1;
}

.product-category-text {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}





/*
 * TEMPORARY PRODUCT FAMILY BOX
 * DUE TO NO IMAGE IN FRONTEND
 */
.temporary-container-product-family {
	position: relative;
	text-align: center;
	color: #ffffff;
	height: 90px;
	background-color: #4bc0ec
}

.temporary-centered-product-family-text {
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
}






.sticker-cart {
    background: url(cart.png) no-repeat;
    left: auto;
    right: 0;
}
.sticker-cart-adv {
    background: url(cart-adv.png) no-repeat;
    left: auto;
    right: 0;
}
.sticker-new-product {
	background: url(star-multisides-sm.png) no-repeat;
	left: 0;
	right: auto;
	z-index: 2;
}

.out_of_stock_class {
	background-color: #729E15 !important;
	color: #FFFFFF !important;
}