/*
 * ============================================================================
 *  Canar 2015 Custom CSS
 * ============================================================================
 */

 @font-face {
 	font-family: 'Aller Display';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller Display'), url('../fonts/AllerDisplay.woff') format('woff');
 }


 @font-face {
 	font-family: 'Aller Light';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller Light'), url('../fonts/Aller_Lt.woff') format('woff');
 }


 @font-face {
 	font-family: 'Aller';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller'), url('../fonts/Aller_Rg.woff') format('woff');
 }


 @font-face {
 	font-family: 'Aller Bold Italic';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller Bold Italic'), url('../fonts/Aller_BdIt.woff') format('woff');
 }


 @font-face {
 	font-family: 'Aller Bold';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller Bold'), url('../fonts/Aller_Bd.woff') format('woff');
 }


 @font-face {
 	font-family: 'Aller Italic';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller Italic'), url('../fonts/Aller_It.woff') format('woff');
 }


 @font-face {
 	font-family: 'Aller Light Italic';
 	font-style: normal;
 	font-weight: normal;
 	src: local('Aller Light Italic'), url('../fonts/Aller_LtIt.woff') format('woff');
 }


 html {
 	background: url(../images/bg-footer.jpg) repeat;
 }

 body {
 	background-color: transparent;
 	font-family: 'Aller Light';
 	background-image: url("../images/bg-repeat.jpg");
 	color: #505050;
 }

 h1, 
 h3,
 h4, 
 h5,
 h6, 
 .related-title a,
 .news-title a,
 .editor-content a {
 	color: #1843AC;
 	font-family: 'allerregular', Arial, Verdana, Helvetica, sans-serif;
 }

 .related-title a:hover,
 .news-title a:hover,
 .editor-content a:hover {
 	color: #707070;
 }


 h3 {
 	font-size: 1.3em;
 }

 h6 {
 	font-weight: 600;
 }

 a,
 a img,
 .quick-nav {
 	transition: all 0.5s linear;
 	-webkit-transition: all 0.5s linear;
 	-moz-transition: all 0.5s linear;
 	-o-transition: all 0.5s linear;
 }

 p {
 	font-family: 'Aller Light';
 	line-height: 1.2em;
 }

 .related-title a {
 	color: #1843AC;
 }

 .related-title a:hover {
 	color: #000;
 }

 /*
 * ============================================================================
 *  Responsive Table CSS
 * ============================================================================
 */

 @media (max-width: 767px) {
 	table.inner-responsive,
 	.inner-responsive thead,
 	.inner-responsive tbody,
 	.inner-responsive th,
 	.inner-responsive td,
 	.inner-responsive tr,
 	table.sui-sf-table-responsive,
 	.sui-sf-table-responsive thead,
 	.sui-sf-table-responsive tbody,
 	.sui-sf-table-responsive th,
 	.sui-sf-table-responsive td,
 	.sui-sf-table-responsive tr {
 		display: block;
 	}

 	.inner-responsive td,
 	.sui-sf-table-responsive td {
 		margin-top:10px;
 		margin-bottom: 10px;
 		position: relative;
 		width: 100% !important;
 		text-align: center;
 	}
 }

/*
 * ============================================================================
 *  Header
 * ============================================================================
 */

 .page-header-wrapper {
 	background: url(../images/top-header-bg.jpg) repeat-x;
 }

 .top-site-bar {
 	max-width: 1170px;
 	position: relative;
 	margin: 0 auto !important;
 }

 .quick-nav {
 	border-bottom: 0;
 	color: #ffffff;
 	right:0;
 	position: absolute;
 	top: 70px;
 }

 .quick-nav a {
 	color: #ffffff;
 }

 .top-phone {
 	display: inline-block;
 	margin-right: 15px;
 }

 .nav-links {
 	display: none !important;
 }

 .search-text {
 	color: #666;
 }

 @media (max-width: 768px) {
 	.site-header .content-wrapper {
 		text-align: left;
 	}
 }

 @media (max-width: 767px) {
 	.quick-nav {
 		position: relative;
 	}

 	.site-header {
 		float: left;
 	}

 	.top-site-bar {
 		float: right;
 	}
 }

 @media (max-width: 668px) {
 	.page-header-wrapper {
 		background: url(../images/top-header-bg-mobile.jpg) repeat-x;
 		background-color: #503524;
 		padding-top: 50px;
 	}

 	.top-site-bar,
 	.site-header {
 		float: none;
 	}

 	.quick-nav {
 		top: 0;
 	}

 	.site-header .content-wrapper {
 		text-align: center;
 	}

 	.top-phone {
 		float: left;
 	}

 	.site-header {
 		padding-top: 25px !important;
 	}

 }

 @media (max-width: 482px) {
 	.site-search {
 		padding-left: 0;
 		width: 100%;
 		padding-top: 10px;
 	}

 	.quick-nav input:not([type]) {
 		width: 90%;
 	}
 }

/*
 * ============================================================================
 *  Navigation
 * ============================================================================
 */

 .primary-nav {
 	background: url(../images/menu-bg.jpg) repeat-x;
 	max-height: 48px;
 	height: 100%;
 	width: 100%;
 }

 .primary-nav .content-wrapper

 .caret {
 	display: none !important;
 }

 .navbar {
 	border-top: 0;
 	border-bottom: 0;
 }

 .dropdown-menu {
 	background-color: #ffffff !important;
 }

 .dropdown-menu a,
 .dropdown-menu li.current.active a strong {
 	color: #000 !important;
 }

 .dropdown-menu a:hover {
 	background-color: #f0f0f0 !important;
 }

 .dropdown-menu li.current.active {
 	background-color: #f0f0f0 !important;
 }

 @media (min-width: 768px) {
 	.navbar-nav {
 		float: right;
 	}
 }

 @media (max-width: 876px) {
 	.primary-nav {
 		max-height: 100%;
 		background-size: contain;
 	}
 }

 @media (max-width: 767px) {
 	.primary-nav {
 		background: none;
 	}

 	.navbar-btn {
 		background: url(../images/menu-bg.jpg) repeat-x !important;
 		height: 46px !important;
 		border-radius: 0;
 	}

 	.navbar-btn:hover {
 		background: linear-gradient( rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.45) ), url('../images/menu-bg.jpg') !important;
 		background-position:center top !important;
 	}

 	.in.navbar-collapse,
 	.navbar-collapse.collapsing {
 		background-color: #5f7c82 !important;
 		border: 0;
 	}

 	.navbar-collapse.collapsing {
 		padding-left: 15px;
 		padding-right: 15px;
 	}

 	.nav> li {
 		padding-left: 25px;
 		padding-right: 25px;
 	}

 	.in .navbar-nav {
 		padding-left: 0;
 		margin-left: 0;
 		margin-right: 0;
 	}

 	.nav>li:hover,
 	.nav>li.current.active {
 		background-color: #566E73;
 	}
 }

 /*
 * ============================================================================
 *  Headline Carousel
 * ============================================================================
 */

 .frontpage .headline-carousel .content-wrapper>* {
 	padding: 15px;
 	background-color: #5F7C82;
 	margin-bottom:0;
 }

 .frontpage .headline-carousel .middle-right {
 	position: absolute;
 	bottom: 70px;
 	background-image: url("../images/bg-carousel-gradient.png");
 	background-repeat: repeat-y;
 	background-position: left;
 	margin-left: 8px;
 	padding-top: 10px;
 	max-width: 583px;
 	width: 100%;
 	left:0;
 	background-color: transparent;
 	max-height: 85px;
 	top: 60%;
 	opacity: 1;
 }

 .frontpage .headline-carousel .related-summary,
 .frontpage .headline-carousel .related-link {
 	display: none !important;
 }

 .frontpage .headline-carousel .related-title a {
 	font-size: 2em;
 	font-weight: bold;
 	color: #ffffff !important;
 }

 .anythingSlider-carousel-shoutcms .arrow {
 	display: none !important;
 }

 .carousel-shoutcms .anythingSlider .anythingControls a {
 	background-color: #ffffff;
 }

 .carousel-shoutcms .anythingSlider .anythingControls a.cur,
 .carousel-shoutcms .anythingSlider .anythingControls a:hover {
 	background-color: #E99E24;
 }

 .carousel-shoutcms .anythingControls {
 	bottom: 15px;
 	right: 15px;
 }

 @media (min-width: 768px) {
 	.frontpage .headline-carousel .content-wrapper,
 	.frontpage .headline-carosuel .panel,
 	.frontpage .headline-carousel .anythingSlider,
 	.frontpage .headline-carousel .anythingWindow {
 		min-height: 390px;
 	}

 	.frontpage .headline-carousel .related-image>div {
 		border: 8px solid rgba(255, 255, 255, 1);
 	}
 }

 @media (max-width: 767px) {
 	.frontpage .headline-carousel .content-wrapper {
 		padding-left: 0;
 		padding-right: 0;
 	}

 	.frontpage .headline-carousel .middle-right {
 		max-height: none;
 		margin-left: 0;
 	}
 }

 /*
 * ============================================================================
 *  Homepage CSS
 * ============================================================================
 */

 .editor-top .left-cell,
 .editor-top .right-cell,
 .editor-top .middle-cell {
 	padding: 11px 15px;
 	color: #ffffff;
 }

 .editor-top .left-cell,
 .editor-top .right-cell {
 	background-color: #5F7C82;
 }

 .editor-top .middle-cell {
 	background-color: #6D878B;
 }

 .editor-top p,
 .editor-bottom p {
 	margin-top: 15px;
 	margin-bottom: 15px;
 }

 .read-more {
 	background: #978672;
 	color: #ffffff !important;
 	text-decoration: none;
 	font-size: .9em;
 	border-radius: 3px;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	padding: 7px 11px;
 	margin-top: 15px;
 	margin-bottom: 15px;
 	display: inline-block;
 }

 .editor-top .read-more {
 	background-color: white;
 	color: #2E3839 !important;
 }

 /*
 * ============================================================================
 *  General CSS
 * ============================================================================
 */

 .root-section-wrapper>.content-wrapper {
 	background-color: white;
 }

 .site-header .content-wrapper,
 .primary-nav .content-wrapper,
 .above-the-footer .content-wrapper,
 .site-footer .content-wrapper,
 .quick-nav.content-wrapper {
 	background-color: transparent;
 }
 
.side-nav ul ul {
  margin-bottom: 10px;
}

 /*
 * ============================================================================
 *  Features
 * ============================================================================
 */

 .medium-feature .related-link,
 .small-feature .related-link {
 	display: block !important;
 	visibility: visible !important;
 }

 .medium-feature .related-link a {
 	background: #978672;
 	color: #ffffff !important;
 	text-decoration: none;
 	font-size: .8em;
 	border-radius: 3px;
 	-webkit-border-radius: 3px;
 	-moz-border-radius: 3px;
 	padding: 2px 6px;
 	display: inline-block;
 }

 .list-feature .related-title a,
 .small-feature .related-title a {
 	color: #000;
 }

 .frontpage .side-features {
 	background-color: #F7F7F7;
 	border: 1px solid #EBEBEB;
 	padding: 7px 11px;
 }

 /*
 * ============================================================================
 *  Footer CSS
 * ============================================================================
 */

 .site-footer {
 	background: url(../images/bg-footer.jpg) repeat;
 	border-top: 4px solid #5D534A;
 }

 .footer-top a {
 	margin-right: 15px;
 }

 @media (max-width: 767px) {
 	.footer-top a,
 	.footer-top td>div,
 	.footer-middle td>div,
 	.footer-bottom td {
 		text-align: center !important;
 	}
 }

/*
 * ============================================================================
 *  Store CSS
 * ============================================================================
 */

 .category-product-add-cart form>a:before {
 	background-color: #978672;
 }

 .category-product-add-cart form>a:hover:before {
 	background-color: #5D534A;
 }
 .page-sortbar {
 	display:none;
 }

 /*
 * ============================================================================
 *  Core Page CSS
 * ============================================================================
 */

 .core-page .search-results>.content-wrapper {
 	padding-bottom: 25px;
 }