
/* 	--------------------------------------------------
    The Origin Framework ™  - uSkinned.net

	LAYOUT
    -------------------------------------------------- */


/* 	--------------------------------------------------
	TABLE OF CONTENTS
    -------------------------------------------------- 

	1.0 GENERAL
	2.0 CONTENT
	3.0 HEADER
	4.0 FOOTER
	5.0 NAVIGATION
		5.1 MAIN
		5.2 TOP
		5.3 SUB
		5.4 BREADCRUMB
		5.5 PAGINATION
		5.6 SITEMAP
		5.7 SOCIAL
		5.8 QUICK LINKS
		5.9 FOOTER NAVIGATION
		5.10 SLICK CAROUSEL NAVIGATION
	6.0 BANNER
	7.0 PROMO PODS
	8.0 LISTING
	9.0 BOX
	10.0 PAGE COMPONENT
		10.1 TABBED
		10.2 ACCORDION
		10.3 QUOTES
		10.4 IMAGES
		10.5 GALLERY
		10.6 RESOURCES
		10.7 TABLES
		10.8 COMMENTS
		10.9 AUTHOR BIO
		10.10 IMAGE SLIDESHOW
		10.11 PRICING MENU
		10.12 PRODUCT TILES
	11.0 FORMS
		11.1 BUTTONS
		11.2 AJAX LOADING
		11.3 ALERTS
	12.0 GRID
	
*/



/*	--------------------------------------------------
	1.0 GENERAL
	-------------------------------------------------- */
	
	body { 
		}	
	#site {
		}

	.no-h-pad {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.no-v-pad {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.rounded {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
		}
	.rounded_top {
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-ms-border-radius:5px 5px 0 0;
		border-radius:5px 5px 0 0;
		}	
	.rounded_right {
		-moz-border-radius:0 5px 5px 0;
		-webkit-border-radius:0 5px 5px 0;
		-ms-border-radius:0 5px 5px 0;
		border-radius:0 5px 5px 0;
		}
	.rounded_bottom {
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		-ms-border-radius:0 0 5px 5px;
		border-radius:0 0 5px 5px;
		}		
	.rounded_left {
		-moz-border-radius:5px 0 0 5px;
		-webkit-border-radius:5px 0 0 5px;
		-ms-border-radius:5px 0 0 5px;
		border-radius:5px 0 0 5px;
		}
		
	.promo_pods,
	.listing,
	.component {
		clear:both;
		}	
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*	--------------------------------------------------
	2.0 CONTENT
	-------------------------------------------------- */
	
	@media (min-width: 768px) {
		.body_text_15 {
			padding: 0 15%;
	    	box-sizing: border-box;
		}
		.body_text_10 {
			padding: 0 10%;
	    	box-sizing: border-box;
		}
	}
	
	.content { 
		margin-top: 70px;
		padding:60px 0;
		position:relative;
		}
	@media (max-width: 1099px) {
		.content {
			padding-top: 80px;
		}
	}
	body.occasion .content,
	body.ideas .content,
	body.whats_new .content,
	body.our_products .content {
		margin-top: 0;
	}
	.content.promo_strip {
		padding:30px 0;
		background-repeat:no-repeat; background-position:center; background-size:cover;
		},
	.content.promo_strip .row {
		display:table;
		}
    body.home .content .v-middle,
	.content.promo_strip .info,
	.v-middle {
		display:table-cell;
		vertical-align:middle;
	}
	
	body.home .content {
		padding: 0;
	}

	body.ideas .category {
		padding-top: 60px;
	}

	@media (max-width: 1099px) {
		body.ideas .category {
			padding-top: 20px;
		}
	}

	body.ideas .category:first-child {
		padding-top: 0px;
	}

	.product_wrapper {
		margin-top: 70px;
	}

	@media (max-width: 767px) {
		.product_wrapper {
			text-align: center;
		}

		.product_wrapper img {
			margin-bottom: 30px;
		}
	}

	.product_wrapper .product_image,
	.product_wrapper .product_detail {
		display: table;
		padding: 0 40px;
		box-sizing: border-box;
	}

	.product_wrapper .product_detail p.poty {
		padding: 0;
		margin-bottom: 40px;
	}

	.product_wrapper .product_image img {
		width: 100%;
		height: auto;
		max-width: 420px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.product_wrapper h1 {
		font-size: 4rem;
		font-size: 40px;
		padding-bottom: 40px;
	}

	.product_wrapper h2 {
		font-family: 'Museo Sans', sans-serif;
		font-size: 2.2rem;
		font-size: 22px;
		margin-bottom: 10px;
	}

	.product_wrapper span.disclaimer {
		font-size: 1.6rem;
		font-size: 16px;
		font-weight: 500;
	}

	.footer_carousel {
		padding: 45px 0 50px;
	}

	.footer_carousel h2 {
		padding-top: 0;
		margin-bottom: 20px;
	}

	body.ideas_page,
	body.product_page {
		background-color: #f3f3f3;
	}

	body.product_page {
		padding-top: 60px;
	}

	body.product_page .product_image .wrapper,
	body.product_page .product_detail .wrapper {
		padding: 40px;
	}

	body.product_page .product_detail .wrapper {
		padding-right: 80px;
	}

	body.product_page .white_wrapper {
		background-color: #fff;
		margin-bottom: 30px;
	}

	body.product_page .white_wrapper.pad {
		padding: 25px;
	}

	body.product_page .white_wrapper.pad .wrapper {
		padding: 0px 40px 15px 20px;
	}

	body.product_page .white_wrapper.pad .border-right {
		border-right: 1px solid #b7b7b7;
		box-sizing: border-box;
	}

	@media (max-width: 767px) {
		body.product_page .white_wrapper.pad .border-right {
			border: none;
		}
	}

	body.product_page .white_wrapper .cols p:last-child {
		padding-bottom: 0;
	}

	body.product_page .footer_carousel {
		margin-top: 60px;
	}

	body.ideas_page .ideas_wrapper {
		padding: 40px 20px 50px;
		background-color: #fff;
		box-sizing: border-box;
	}

	body.ideas_page .ideas_wrapper .row {
		width: 100%;
	}

	body.ideas_page .body_text {
		padding-top: 20px;
		text-align: center;
		font-weight: 500;
	}

	body.ideas_page .body_text p:last-child {
		padding-bottom: 0;
	}

	body.ideas_page h1 {
		font-size: 3.6rem;
		font-size: 36px;
	}

	body.ideas_page .footer_carousel,
	body.product_page .footer_carousel {
		background-color: #fff;
	}

	body.occasion .footer_carousel {
		background-color: #f3f3f3;
	}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.content { 
		padding: 60px 0;
		min-height:350px;
		}
	.content.promo_strip {
		padding:0;
		background-attachment:fixed;
		}
	.content .overlay {
		position:absolute;
		width:50%;
		top:0; bottom:0;
		}
	.content .overlay.left {
		left:0;
		}
	.content .overlay.right {
		right:0;
		}
	.content.promo_strip,
	.content.promo_strip .info {
		height:500px;
		}
	.about .heading,
	.content.promo_strip .info p.heading {
		font-size:34px; font-size:3.4rem;
		}
	.content.promo_strip .info p.link {
		padding-top:10px;
		}
		
	}

	.content #wide_col p:last-child {
		padding-bottom: 0;
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.about .heading,
	.content.promo_strip .info p.heading {
		font-size:30px; font-size:3.0rem;
		}
		
	}
	
	@media (max-width:767px) {
	
	.content #left_col,
	.content #mid_col {
		padding-bottom:40px;
		}
		
	.content.promo_strip .info {
		text-align:center;
		}
	.about .heading,
	.content.promo_strip .info p.heading {
		font-size:26px; font-size:2.6rem;
		}
	
	body.home .about {
		padding-bottom:40px;
		}
		
	.content .overlay {
		position:absolute;
		width:100%;
		top:0; bottom:0;
		}
		
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*	--------------------------------------------------
	4.0 HEADER
	-------------------------------------------------- */

	header {
		position:relative;
		z-index:500;
		height:70px;
		
		-webkit-transition: background 0.5s;
    	transition: background 0.5s;
		}		
		
	header .row {
		padding:0;
		}
	header #logo { 
		position:absolute;
		top:0;
		left:0;
		width:206px;
		height:94px;
		z-index: 50;
		}
	header #logo a { 
		width:206px;
		height:94px;
		display:block;
		text-indent:-9999px;
		background-image:url('/images/logo_retina.png'); background-repeat:no-repeat; background-position:left bottom;background-size:206px 94px;
		}

	header a.link_facebook {
		position: absolute;
		right: 34px;
		top: 22px;
		color: #fff;
		text-decoration: none;
	}

	@media (max-width: 1099px) {
		header a.link_facebook {
			border-bottom: 1px solid #636363;
		}
	}
	
	header a.link_youtube {
		position: absolute;
		right: 0px;
		top: 22px;
		color: #fff;
	}

	@media (max-width: 1099px) {
		header a.link_facebook,
		header a.link_youtube {
			position: relative;
			display: block;
			top: auto;
			right: auto;
			text-align: left;
			padding: 12px 20px;
		}
		header .site_search {
			position: fixed;
		    width: 100%;
		    top: 70px;
		    left: 0px;
		}
		header .site_search .search_reveal {
			height: 0px;
			overflow: hidden;
			transition: height 0.3s ease-out;
		}
		header .site_search .search_reveal.active {
			height: 70px;
		}
		header .site_search .search_wrapper {
			margin-top: 10px;
			margin-bottom: 10px;
		}
	}
	
	body header {
		position:fixed;
		width:100%;
		top: 0px;
		}
			
	@media (min-width:768px) {		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	
	header #logo a { 
		width: 144px;
		height: 80px;
		background-image:url('/images/logo_mobile_retina.png');
		background-size: 144px 80px;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}

/*	--------------------------------------------------
	4.0 FOOTER
	-------------------------------------------------- */
	
	footer {
		padding-top: 20px;
	}

	footer,
	footer a {
		font-size: 10px;
		font-size: 1rem;
		color: #ffffff;
	}

	footer .row.last {
		padding-bottom: 20px;
	}

	footer .cols.last {
		text-align: right;
	}

	footer .social {
		text-align: right;
		padding-top: 20px;
	}

	@media (max-width:1000px) {
		footer .cols {
			display: block;
			float: none !important;
			width: 100% !important;
			text-align: center !important;
		}

		footer .copyright {
			padding-bottom: 20px;
		}
	}
			
	@media (min-width:1024px) {
		
	}
			
	@media (min-width:768px) {
		
	footer p {
		font-weight:300;
		font-size:16px; font-size:1.6rem;
		}
	footer .heading {
		font-size:22px; font-size:2.2rem;
		}	
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	footer .phone {
		padding:20px 0;
		}
	footer .heading {
		font-size:20px; font-size:2.0rem;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.0 NAVIGATION             
    -------------------------------------------------- */
     
	.navigation {
		}

	header nav.main ul li ul {
		background: none;
	}

	header .reveal nav.main ul li ul li a {
		padding-top: 12px !important;
		padding-left: 40px;
		font-weight: 300;
	}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {

	.navigation .reveal {
		display:block!important;
		}
	.navigation a.expand {
		display:none;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:1099px) {
			
	.navigation {
		top:auto;
		height:auto;
		clear:both;
		position:relative;
		}
	.navigation a.expand {
		position:absolute;
		width:35px;
		height:60px;
		top:5px; right:0;
		text-indent:-9999px;
		display:block;
		}	
	.navigation a.expand span {
		height:3px; 
		display:block;
		width:35px;
		position:absolute;
		right:0;
		}
	.navigation a.expand span.top {
		top:18px;
		}
	.navigation a.expand span.mid {
		top:28px;
		}
	.navigation a.expand span.bottom {
		top:38px;
		}

	.navigation a.expand.active span.mid {
		display:none;
		}
	.navigation a.expand.active span.top,
	.navigation a.expand.active span.bottom {
		top:28px;
		}
	.navigation a.expand.active span.top {
		transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg); 
		-moz-transform:rotate(-45deg);
		}
	.navigation a.expand.active span.bottom {		
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-webkit-transform:rotate(45deg); 
		-moz-transform:rotate(45deg);
		}
	.navigation .reveal {
		}
		
	.navigation nav.main ul li a {
		display: block;
		padding: 10px;
	}

	header .navigation a.expand_search {
		position: absolute;
	    top: 19px;
	    right: 60px;
	    border-left: 1px solid #fff;
	    border-right: 1px solid #fff;
	    padding: 4px 12px 2px 15px;
	}

	/* SLIDE OUT NAV */
	header .reveal {
		position:fixed;
		overflow-y:scroll;
		width:100%;
		height: 0%;
		padding:0;
		background: #2d2d2d;
		
		top:70px;
		bottom:0;
		
		-ms-transition: height 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		-moz-transition: height 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		-webkit-transition: height 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		transition: height 0.35s cubic-bezier(0.89, 0.005, 0.545, 1) 0s;
		}

	header .reveal nav.main ul li {
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: 500;
	}

	header .reveal nav.main ul li ul {
		display: block;
	}

	header .reveal nav.main ul li a {
		display: block;
		padding: 12px 20px;
		text-decoration: none;
		border-bottom: 1px solid #636363;
	}

	header .reveal nav.main ul li:first-child a {
		padding-top: 15px;
	}

	html.reveal_out header .reveal {
		height: calc(100% - 70px);
		}
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.1 MAIN NAV             
    -------------------------------------------------- */
		
	.navigation nav.main {
		}
	.navigation nav.main ul {
		font-size:16px; font-size:1.6rem;
		}
	.navigation nav.main ul ul {
		font-size:14px; font-size:1.4rem;
		}
	.navigation nav.main ul li {
		}
	.navigation nav.main ul li.home {
		}
	.navigation nav.main ul li.last {
		}
	.navigation nav.main ul li a {
		text-decoration:none;
		}
		
	.navigation nav.main ul li.first a { 
		}
	.navigation nav.main ul li.last a { 
		}
	.navigation nav.main ul li.odd a { 
		}
	.navigation nav.main ul li.even a { 
		}
	.navigation nav.main ul li.home a { 
		}
		
	.navigation nav.main ul li a span {
		display:block;
		}
	.navigation nav.main ul li.home a span { 
		}	
		
	.navigation nav.main ul li a:hover,
	.navigation nav.main ul li:hover a {
		}	
	.navigation nav.main ul li a.active {
		}
	.navigation nav.main ul li:hover a.active,
	.navigation nav.main ul li a.active:hover {
		}

	.navigation nav.main ul li a span i {
		position:absolute;
		top:23px; right:10px;
		}
	.navigation nav.main ul ul li a span i {
		top:9px;
		}
			
	@media (min-width:1100px) {
	
	nav.main {
		height:70px;
		position:absolute;
		top:0;
		right:135px;
		z-index:300;
		}
	nav.main ul {
		z-index:400;
		overflow:visible;
		line-height:1;
		}
	nav.main ul li {
		float:left;
		display:inline;
		position:relative;
		}
	nav.main ul li a {
		display:block;
		float:left;
		height:42px;
		padding:28px 10px 0;
		}
	nav.main ul li a:hover,
	nav.main ul li:hover a {
		}
	nav.main ul li:hover a.active,
	nav.main ul li a.active:hover {
		}
	

	/* DROP DOWN 2ND LEVEL */
	.navigation nav.main ul li ul {
		display: none;
		}
	.navigation nav.main ul li ul li {
		float: none;
		width: auto;
		display:block;
		}
	.navigation nav.main ul li ul li a {
		float: none;
		display: block;
		height:auto;
		width:auto;
		line-height:1.3;
		padding:10px;
		}
	.navigation nav.main ul li ul li a span { 
		display:block;
		background:none!important;
		}

	.navigation nav.main ul li:hover ul ul,
	.navigation nav.main ul li.hover ul ul {
		left: -999em;
		padding:0;
		}
	.navigation nav.main ul li:hover ul ul li a.active,
	.navigation nav.main ul li.hover ul ul li a.active {
		}
	.navigation nav.main ul li.hover ul ul li a span {
		background:none!important;
		}

	.navigation nav.main ul li li:hover ul,
	.navigation nav.main ul li li.hover ul {
		left:200px;
		top:0;
		}
	.navigation nav.main ul li.last li:hover ul,
	.navigation nav.main ul li.last li.hover ul {
		left:auto;
		top:0;
		right:200px;
		}

	/* Hover effects */
	.navigation nav.main ul li ul li a:hover {
		}
	/* Method of popping out the sub-section */
	.navigation nav.main ul li:hover ul,
	.navigation nav.main ul li.hover ul {
		left: 0;
		}
	.navigation nav.main ul li:hover.last ul,
	.navigation nav.main ul li.hover.last ul {
		left:auto;
		right:0;
		}

	.navigation nav.main ul ul li:hover.last ul, 
	.navigation nav.main ul ul li.hover.last ul { 
		left: 100%; 
		} 
		
	}
			
	@media (min-width:768px) {
	}
	
	@media (max-width:1024px) {
		
	.navigation nav.main ul {
		position:relative;
		clear:both;
		}
	.navigation nav.main ul li {
		display:block;
		}
	.navigation nav.main ul li a {
		display:block;
		padding:10px 15px;
		}
	.navigation nav.main ul li.has_child a span {
		background-image:none;
		}
	
		
	.navigation nav.main ul ul {
		display:none;
		}
	.navigation nav.main ul li a i {
		display:none;
		}
		
	}	
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.navigation nav.main ul li a i {
		}
	
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.2 TOP NAVIGATION             
    -------------------------------------------------- */

	.navigation nav.top { 
		overflow:hidden;
		height:100%;
		}
	.navigation nav.top ul { 
		color:#999;
		font-size:12px; font-size:1.2rem;
		}
	.navigation nav.top ul li {
		}
	.navigation nav.top ul li a {
		}
	.navigation nav.top ul li a span {
		}
	.navigation nav.top ul li div {
		}
	.navigation nav.top ul li.logout a {
		display:inline;
		}
	.navigation nav.top ul li.logout div {
		display:inline;
		margin-right:5px;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.navigation nav.top { 
		overflow:hidden;
		height:100%;
		position:absolute;
		top:20px;
		right:0;
		}
	.navigation nav.top ul { 
		color:#999;
		font-size:12px; font-size:1.2rem;
		}
	.navigation nav.top ul li {
		display:inline;
		float:left;
		margin-left:20px;
		}
	.navigation nav.top ul li a {
		display:block;
		float:left;
		}
	.navigation nav.top ul li a span {
		}
	.navigation nav.top ul li div {
		display:block;
		float:left;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.navigation nav.top ul {
		position:relative;
		clear:both;
		}
	.navigation nav.top ul li {
		display:block;
		}
	.navigation nav.top ul li a {
		display:block;
		padding:10px 0;
		}
	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		                     
                            
                            
/*  --------------------------------------------------
    5.3 SUB NAVIGATION             
    -------------------------------------------------- */

	nav.sub {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:30px;
		}
	nav.sub a {
		text-decoration:none;
		}
	nav.sub a:hover span {
		padding-left:5px;
		}
	nav.sub p.heading {
		font-size:16px; font-size:1.6rem;
		padding:0;
		}
	nav.sub p.heading a { 
		}
	nav.sub p.heading span { 
		padding:15px;
		display:block;
		}
	nav.sub  p.heading a:hover span {
		padding-left:20px;
		}
	nav.sub ul li {
		display:inline;
		}
	nav.sub ul li a {
		display:block;
		padding:12px 15px;
		border-width:1px 0 0;
		border-style:solid;
		}
	nav.sub ul li a.active {
		position:relative;
		bottom:0;
		}
	nav.sub ul li a span {
		display:block;
		}
		
	nav.sub ul li.has_child a span {
		}
		
	nav.sub ul li ul {
		font-size:12px; font-size:1.2rem;
		border:0 none;
		padding:0;
		}
	nav.sub ul li.last ul {
		border-bottom:0 none;
		}
	nav.sub ul li ul li a.active { 
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
                            
                            
/*  --------------------------------------------------
    5.4 BREADCRUMB NAVIGATION             
    -------------------------------------------------- */

	nav.breadcrumb { 
		overflow:hidden;
		height:100%;
		position:relative;
		}
	nav.breadcrumb ul { 
		font-size:11px; font-size:1.1rem;
		}
	nav.breadcrumb ul li {
		display:inline;
		float:left;
		margin-right:5px;
		}
	nav.breadcrumb ul li a {
		display:block;
		float:left;
		}
	nav.breadcrumb ul li a span {
		
		}
	nav.breadcrumb ul li div {
		display:block;
		float:left;
		}
	nav.breadcrumb i.fa {
		margin:0;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.5 PAGINATION NAVIGATION             
    -------------------------------------------------- */

	nav.pagination {
		overflow:hidden;
		height:100%;
		position:relative;
		margin:30px 0;
		}
	nav.pagination.post {
		}
	nav.pagination ul { 
		text-align:center;
		}
	nav.pagination ul li {
		margin:0 2px;
		display:inline-block;
		}
	nav.pagination ul li.prev,
	nav.pagination ul li.next {
		position:absolute;
		float:none;
		margin:0;
		}
	nav.pagination ul li.prev {
		left:0;
		}
	nav.pagination ul li.next {
		right:0;
		}
	nav.pagination ul li a {
		display:inline-block;
		}
	nav.pagination ul li span {
		display:inline-block;
		padding:5px 10px;
		border-width:1px; border-style:solid;
		border-radius:15px;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.6 SITEMAP NAVIGATION             
    -------------------------------------------------- */

	nav.sitemap {
		overflow:hidden;
		height:100%;
		position:relative;
		}
	nav.sitemap ul { 
		margin:5px 0 20px;
		}
	nav.sitemap ul li {
		display:block;
		padding:0 0 5px 14px;
		background:url('/images/bg/sitemap_line.png') no-repeat left top;
		}
	nav.sitemap ul li a {
		}
	nav.sitemap ul li a span {
		}
	nav.sitemap ul li ul {
		padding-bottom:5px;
		margin-bottom:0;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.7 SOCIAL NAVIGATION        
    -------------------------------------------------- */
                    
	.social nav { 
		overflow:hidden;
		height:100%;
		position:relative;		
		}
	.social nav ul { 
		}
	.social nav ul li {
		display:inline;
		}
	.social nav ul li.first { 
		}
	.social nav ul li.last {
		}
	.social nav ul li.odd { 
		}
	.social nav ul li.even {
		}
	
	.social nav ul li a {
		display:inline-block;
		text-indent:-9999px;
		width:40px;
		height:40px;
		margin:0 0 8px;
		background-image:url('../images/icons/social.png');
		background-repeat:no-repeat;
		}
	.social nav ul li a:hover {
		-webkit-opacity:0.8;
		-moz-opacity:0.8;
		opacity:0.8;
		}
	.social nav ul li.first a { 
		}
	.social nav ul li.last a { 
		}
	
	.social nav ul li.facebook a {
		background-position:left top;
		}
	.social nav ul li.twitter a {
		background-position:left -40px;
		}
	.social nav ul li.linkedin a {
		background-position:left -80px;
		}
	.social nav ul li.google_plus a {
		background-position:left -120px;
		}
	.social nav ul li.pinterest a {
		background-position:left -160px;
		}
	.social nav ul li.instagram a {
		background-position:left -200px;
		}
	.social nav ul li.flickr a {
		background-position:left -240px;
		}
	.social nav ul li.tumblr a {
		background-position:left -280px;
		}
	.social nav ul li.vimeo a {
		background-position:left -320px;
		}
	.social nav ul li.youtube a {
		background-position:left -360px;
		}
	.social nav ul li.dribble a {
		background-position:left -400px;
		}
	.social nav ul li.skype a {
		background-position:left -440px;
		}
	.social nav ul li.rss a {
		background-position:left -480px;
		}  
		
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
	
	                       
/*  --------------------------------------------------
    5.8 QUICK LINKS        
    -------------------------------------------------- */
        
	.quick_links nav {
		overflow:hidden;
		height:100%;
		}
	.quick_links nav ul {
		}
	.quick_links nav ul li {
		display:inline;
		float:left;
		width:33%;
		margin-bottom:5px;
		}
	.quick_links nav ul li a {
		display:block;
		float:left;
		} 
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.quick_links nav ul li {
		width:50%;
		}
		
	}
	
	@media (max-width:767px) {
		
	footer .quick_links {
		padding-top:20px;
		margin:20px 0 20px;
		}
	.quick_links nav ul li {
		width:48%;
		}
	.quick_links nav ul li.odd {
		clear:both;
		}
	.quick_links nav ul li.even {
		float:right;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    5.9 FOOTER NAVIGATION             
    -------------------------------------------------- */
     
	nav.footer {
		padding:30px 0;
		}
	nav.footer ul {
		font-weight:300;
		font-size:12px; font-size:1.2rem;
		}
	nav.footer ul li {
		display:inline-block;
		margin:0 5px;
		}
	nav.footer ul li.first {
		}
	nav.footer ul li.last {
		}
	nav.footer ul li a {
		}
	nav.footer ul li.copyright {
		}
	nav.footer ul li.copyright a {
		}
	nav.footer ul li.back_to_top {
		}
	nav.footer ul li.back_to_top a {
		}
	nav.footer ul li.site_credit {
		}
	nav.footer ul li.site_credit a {
		}
	nav.footer ul li.logout a {
		display:inline;
		}
	nav.footer ul li.logout div {
		display:inline;
		}
			
	@media (min-width:1024px) {		
	}
			
	@media (min-width:768px) {
		
	nav.footer ul li.logout div div {
		display:block;
		float:left;
		}
		
	}
			
	@media (max-width:1023px) {
		
	nav.footer ul li.copyright {
		display:block;
		margin-bottom:20px;
		}
		
	nav.footer ul li.site_credit {
		display:block;
		margin-top:20px;
		}
		
	}
	
	@media (max-width:599px) {	
		
	nav.footer ul li {
		display:block;
		margin-bottom:20px;
		}
	nav.footer ul li.site_credit {
		margin:0;
		}
		
	}
	
	@media (max-width:479px) {		
	}
                            
                            
                            
/*  --------------------------------------------------
    5.10 SLICK CAROUSEL NAVIGATION            
    -------------------------------------------------- */
     
	.slick-prev, .slick-next {
		z-index:30;
		width:50px;
		height:50px;
		position:absolute;
		top:42.5%;
		background:none;
		border:0 none;
		cursor:pointer;
		}
	.slick-prev {
		left:0;
		}
	.slick-next {
		right:0;
		}
	.slick-prev:hover, .slick-next:hover {
		-webkit-opacity:0.8;
		-moz-opacity:0.8;
		-ms-opacity:0.8;
		opacity:0.8;
		}
		
	.slick-prev, .slick-next {		
   		display: table;
		}
	.slick-prev i.fa, .slick-next i.fa {
		position:relative;
		margin:0!important;
		display:block;
		text-align:center;
   		display: table-cell;
   		vertical-align: middle;
		}
		
	@media (min-width:768px) and (max-width:1023px) {
		
	.slick-prev, .slick-next {
		width:40px;
		height:40px;
		top:40%;
		}
		
	}
		
	@media (max-width:767px) {
		
	.slick-prev, .slick-next {
		width:35px;
		height:35px;
		top:40%;
		}
		
	}	
	
	.banner .slick-prev, .banner .slick-next {
		width:50px; height:50px;
		}
        
                            
                               
/*  --------------------------------------------------
    6.0 BANNER      
    -------------------------------------------------- */
	
	.banner {
		overflow:hidden;
		height:100%;
		position:relative;
		margin-top: 70px;
		}
	.banner .row {
		margin-bottom:0;
		}
	.banner .slides {
		overflow:hidden;
		height:100%;
		position:relative;
		}
	.banner,
	.banner .slides .item {
		position:relative;
		
		background-repeat:no-repeat; background-position:center; background-size:cover;
		}
	.banner .container {
		display:table;
		width:100%;
		}
	.banner .row {
		display:table-cell;
		width:100%;
		vertical-align:middle;
		}
		
		
	@media (min-width:1100px) {

	.banner/*,
	.banner .slides .item*/ {
		position:static;
		background-attachment:fixed;
		}
	
	}	
			
	@media (min-width:1024px) {
		
	.banner .heading {
		font-size:60px; font-size:6rem;
		padding-bottom:20px;
		}
		
	.banner .slides .slick-prev,
	.banner .slides .slick-next {
		top:45%;
		}
		
	}
			
	@media (min-width:768px) {
		
	.banner,
	.banner .container { 
		height: 40vh;
		max-height: 400px;
		}
	body.home .banner,
	body.home .banner .slides .item,
	body.home .banner .item .container { 
		height:60vh;
		max-height:600px;
		}
	
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	.banner .heading {
		font-size:36px; font-size:3.6rem;
		padding-bottom:20px;
		}
		
	.banner .slides .slick-prev,
	.banner .slides .slick-next {
		top:40%;
		}
		
	}
	
	@media (max-width:767px) {
		
	.banner,
	.banner .container { 
		height:auto;
		padding:20px 0 10px;
		}
		
	.banner,
	.banner .slides .item,
	.banner .item .container { 
		height:40vh;
		max-height:360px;
		padding:0;
		background-attachment: scroll;
		}
	.banner .heading {
		font-size:28px; font-size:2.8rem;
		padding-bottom:20px;
		}
		
	.banner .slides .slick-prev,
	.banner .slides .slick-next {
		top:auto; bottom:0;
		}

	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		                          
                            
                            
/*  --------------------------------------------------
    7.0 PROMO PODS         
    -------------------------------------------------- */

	.promo_pods {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
		}
	.promo_pods.wide {
		}
	body.home .promo_pods {
		}
	.promo_pods .item {
		overflow:hidden;
		height:100%;
		position:relative;
		margin-bottom:30px;
		text-align:center;
		}
	body.home .promo_pods .item {
		padding:0;
		}
	.promo_pods .item.newsletterpod form,
	.promo_pods .item.lists .listing {
		padding:20px;
		}
	.promo_pods .item.lists .listing {
		border-width:2px;
		border-style:solid;
		}
	.promo_pods .item.quotes,
	.promo_pods .item.codeblock,
	.promo_pods .item.imagepod,
	.promo_pods .item.videopod {
		padding:0;
		border:0 none;
		}
	.promo_pods .item.first { 
		}
	.promo_pods .item.last { 
		}
	.promo_pods .item.odd { 
		}
	.promo_pods .item.even { 
		}
	.promo_pods .item.right { 
		}
		
		
	.promo_pods .item a {
		}
	body.home .promo_pods .item a {
		display:block;
		text-decoration:none;
		}
	.promo_pods .item.imagepod a,
	.promo_pods .item.videopod a {
		display:block;
		}
	.promo_pods .item a:hover .text {
		text-decoration:none;
		}
		
	.promo_pods .item .image {
		}
	.promo_pods .item .info {
		}
		
	.promo_pods .item img { 
		display:block;
		overflow:hidden;
		margin:0 0 5px;
		}
	.promo_pods .item.imagepod img,
	.promo_pods .item.videopod img {
		width:100%;			
		margin:0;
		}
	.promo_pods .item p.heading { 
		display:block;
		padding:0 0 5px;
		font-size:18px; font-size:1.8rem;
		}
	.promo_pods .item .text { 
		display:block;
		padding-bottom:0;
		}
	.promo_pods .item .text p {
		}
	.promo_pods .item .link { 
		}
		
	.promo_pods .item.quotes blockquote {
		}
	.promo_pods .item.quotes blockquote p {
		}

	.promo_pods .item.videopod a .overlayicon {
		display:block;
		position:absolute;
		top:42.5%; right:0; bottom:0; left:0;	
		text-align:center;
		}
	.promo_pods .item.videopod a .overlayicon i {
		}
		
	body.home .promo_pods .item {
		background-size:cover;
		}
	body.home .promo_pods .item,
	body.home .promo_pods .item a {
		height:140px;
		}
	body.home .promo_pods .item a {
		display:table;
		width:100%;
		}
	body.home .promo_pods .item a .info {
		z-index:5;
		display:table-cell;
		width:100%;
		height:100%;
		vertical-align:middle;
		}

			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {

	.promo_pods.wide .item.bookend-right {
		margin-right:0;
		}
	.promo_pods.wide .item.bookend-left {
		margin-left:0;
		clear:both;									
		}

	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.promo_pods .item .image {
		max-width:140px;
		}
	.promo_pods .item.imagepod .image,
	.promo_pods .item.videopod .image {
		max-width:100%;
		}

	}
	
	@media (min-width:480px) {
		
	body.home .promo_pods .item {
		width:48%;
		float:left;
		margin-bottom:20px;
		}
	body.home .promo_pods .item,
	body.home .promo_pods .item a {
		height:170px;
		}
	body.home .promo_pods .item a .info p.heading {
		padding-right:20px;padding-left:20px;
		}
	body.home .promo_pods .item.odd {
		clear:both;
		}
	body.home .promo_pods .item.even {
		float:right;
		}
	body.home .promo_pods,
	body.home .promo_pods .item:nth-last-child(2),
	body.home .promo_pods .item.last {
		margin-bottom:0;
		}
		
	}
	
	@media (max-width:479px) {
	
	body.home .promo_pods .item {
		margin-bottom:10px;
		}	
		
	}
	
	@media (min-width:480px) and (max-width:767px) {

	.promo_pods.wide .item {
		width:48%!important;
		float:left!important;
		display:block!important;
		}
	.promo_pods.wide .item.odd {
		margin-left:0;
		clear:both;
		}
	.promo_pods.wide .item.even {
		margin-right:0;
		float:right!important;
		}
		
	}
                            
                            
                            
/*  --------------------------------------------------
    8.0 LISTING   
    -------------------------------------------------- */

	.listing { 
		overflow:hidden;
		height:100%;
		position:relative;
		padding-top:10px;
		margin-top:10px;
		}
	body.home .listing {
		margin:0;
		padding:0;
		border:0 none;
		}
	.promo_pods .item .listing {
		border:0 none;
		padding:0; margin:0;
		}
	.listing .item { 
		overflow:hidden;
		height:100%;
		display:block;
		padding-bottom:10px;
		margin-bottom:10px;
		}	
	.promo_pods .item .listing .item {
		margin:5px 0 15px;
		padding:0 0 10px;
		background-image:url('/images/bg/blog_border.png'); background-repeat:no-repeat; background-position:center bottom;
		}
	body.home .listing .item {
		padding:10px 0 15px;
		margin:20px 0;
		background-image:url('/images/bg/blog_border.png'); background-repeat:no-repeat; background-position:center bottom;
		}
	.listing .item .image,
	.listing .item .info {
		display:block;
		}		
	.listing .item a { 
		display:block;
		}		
	.listing .item p.heading { 
		display:block;
		font-size:16px; font-size:1.6rem;
		padding:0 0 5px;
		}	
	.listing .item p.heading a,
	.listing .item a p.heading { 
		text-decoration:none;
		}
	body.home .listing .item p.heading {
		padding-bottom:10px;
		}
	.promo_pods .item .listing .item p.heading {
		font-size:14px; font-size:1.4rem;
		padding:5px 0;
		}
	.listing .item .text {
		display:block;
		padding:0 0 10px; 
		}
	.listing .item .text a {
		display:inline;
		}
		
	/* GRID LISTING LAYOUT */	
	.listing.grid .item {
		display:inline;
		float:left;
		margin-right:1%;
		margin-left:1%;
		padding:0;
		margin-bottom:20px;
		background-size:cover;
		}
	.listing.grid .item a {
		display:table;
		width:100%;
		height:180px;
		text-decoration:none;
		}
	.listing.grid .item .info {
		z-index:5;
		display:table-cell;
		width:100%;
		height:100%;
		vertical-align:middle;
		}

	body.home .listing.blog time,
	div.meta,
	.listing .item span.price,
	.listing .item span.rating { 
		display:block;
		font-size:12px; font-size:1.2rem; 
		padding:10px 0;
		overflow:hidden;
		height:100%;
		}
	div.meta {
		padding-top:0;
		margin-bottom:10px;
		border-width:1px 0;
		border-style:solid;
		}
	.item div.meta {
		margin-top:20px;
		}
	.promo_pods .item .listing .item div.meta {
		border:0 none;
		margin:0;
		padding:0;
		}	
	div.meta div {
		padding-top:10px;
		overflow:hidden;
		height:100%;
		}
	div.meta a,
	.listing .item div.meta a,
	.listing .item span.price a {
		display:inline;
		}
	.listing .item span.price {
		}
	div.meta span.author,
	div.meta span.date,
	div.meta span.comments,
	div.meta span.categories,
	.listing .item span.price span.now,
	.listing .item span.price span.was {
		display:inline;
		float:left;
		margin-right:5px;
		}
	.promo_pods .item .listing .item div.meta time {
		padding:0;
		}
	.promo_pods .item .listing .item div.meta span.date {
		float:none;
		display:block;
		margin:0;
		}
	div.meta span.comments {
		float:left;
		clear:both;
		}
	div.meta span.categories {
		float:right;
		margin:0;
		}
	.listing .item span.price.discount span.now {
		}
	.listing .item span.price span.was {
		text-decoration:line-through;
		}
	div.meta span.comments {
		font-weight:600;
		} 
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
		
	.page_component.listing .item .image,
	.listing.section .item .image {
		float:right;
		margin-left:40px;
		}
		
	.listing.blog .item .image {
		width:100%;
		padding-bottom:10px;
		}	
	.listing.blog .item p.heading {
		font-size:22px; font-size:2.2rem;
		}
		
	#mid_col .listing.grid .item {
		width:49%;
		margin-bottom:10px;
		}
	#left_col .listing.grid .item,
	#right_col .listing.grid .item {
		width:49%;
		margin-bottom:15px;
		}
	#wide_col .listing.grid .item {
		width:32%;
		}
	.listing.grid .item a {
		height:240px;
		}
	#mid_col .listing.grid .item a {
		height:200px;
		}
	.listing.grid .item p.heading {
		font-size:22px; font-size:2.2rem;
		}
	/*
	.listing.grid .item .image {
		float:none;
		margin-left:0;
		}
	.listing.grid .item .image img {
		}
	.listing.grid .item .image,
	.listing.grid .item .info {
		display:block;
		}
	*/	
	.listing.grid .item.bookend-left {
		clear:both;
		margin-left:0;
		}
	.listing.grid .item.bookend-right {
		float:right;
		margin-right:0;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.listing .item .image {
		padding-bottom:10px;
		}
	.listing .item div.meta span.categories {
		float:left;
		clear:both;
		display:block;
		padding-top:5px;
		}
		
	.listing.grid .item {
		margin-bottom:10px;
		}
	.listing.grid .item.odd {
		clear:both;
		float:left;
		margin-left:0;
		}
	.listing.grid .item.even {
		float:right;
		margin-right:0;
		}
		
	body.home .listing {
		padding-bottom:40px;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
		
	.listing.grid .item {
		width:49%!important;
		}
		
	}
	
	@media (max-width:479px) {
		
	.listing.grid .item {
		width:100%!important;
		margin-right:0;margin-left:0;
		}
		
	}



/*  --------------------------------------------------
    9.0 BOX
    -------------------------------------------------- */

	.box {
		padding:15px;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.0 PAGE COMPONENT
    -------------------------------------------------- */

	.page_component {
		position:relative;
		overflow:hidden;
		height:100%;
		margin-bottom:30px;
		}
	.page_component.textblock {
		margin:0;
		}
	.page_component.newsletter .newsletter {
		width:auto;
		}
	.page_component.newsletter .newsletter,
	.page_component.quick_links {
		padding:20px 20px 10px;
		border-width:2px; border-style:solid;
		}	
	
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.1 TABBED
    -------------------------------------------------- */

	.tabbed {
		}
	.tabbed nav {
		}
	.tabbed nav ul {
		height:50px;
		font-size:16px; font-size:1.6rem;
		}
	.tabbed nav ul li {
		display:inline;
		float:left;
		margin:0 3px 0 0;
		}
	.tabbed nav ul li a {
		display:block;
		float:left;
		text-decoration:none;
		}
	.tabbed nav ul li.last a {
		}
	.tabbed nav ul li a:hover {
		}
	.tabbed nav ul li a.active {
		position:relative;
		bottom:0;
		}
	.tabbed nav ul li a span {
		height:33px;
		padding:15px 20px 0;
		display:block;
		}
	.tabbed nav ul li a.active span {
		background:none!important;
		height:38px;
		}
		
	.tabbed .panes {
		padding:15px 15px 5px;
		}
	.tabbed .panes .pane {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.2 ACCORDION
    -------------------------------------------------- */

	.accordion {
		}
	.accordion .tab {
		margin-top:2px;
		font-size:16px; font-size:1.6rem;
		}
	.accordion .tab a {
		display:block;
		text-decoration:none;
		}
	.accordion .tab a span {
		display:block;
		padding:15px;
		}
	.accordion .tab a:hover span {
		padding-left:20px;
		}
	.accordion .tab a.active {
		border-bottom:0 none;
		position:relative;
		}
	.accordion .tab a.active span {
		background:none!important;
		}
		
	.accordion .pane {
		display:none;
		padding:0 20px 10px;
		}  
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}   



/*  --------------------------------------------------
    10.3 QUOTES
    -------------------------------------------------- */

	.quotes {
		}  
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    10.4 IMAGES             
    -------------------------------------------------- */
                            
	.page_component.image {
		margin:0 0 10px;
		}               
	.page_component.image.right { 
		float:right;
		margin:0 0 10px 20px;
		}                
	.page_component.image.left { 
		float:left;
		margin:0 20px 10px 0;
		}               
	.page_component.image img { 
		display:block;
		overflow:hidden;
		max-width:100%;
		height:auto; 
		}           
	.page_component.image .text {
		position:absolute;
		padding:10px;
		right:0;
		bottom:0;
		left:0;
		font-size:11px; font-size:1.1rem;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	
	.page_component.image {
		float:none!important;
		margin:0 auto 20px!important;
		}         
	.page_component.image .text {
		display:block;
		position:relative;
		right:auto;
		bottom:auto;
		left:auto;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	

                            
/*  --------------------------------------------------
    10.5 GALLERY        
    -------------------------------------------------- */
	
	.gallery { 
		}
	.gallery p.heading {
		}
	.gallery .item { 
		float:left;
		display:inline;
		margin:0 1% 15px 1%;
		}
	.gallery .item a {
		position:relative;
		display:block;
		}
	.gallery .item img {
		display:block;
		overflow:hidden;
		width:100%;
		}
	.gallery .item a .overlayicon {
		display:block;
		position:absolute;
		top:0; right:0; bottom:0; left:0;	
		text-align:center;
		}
	.gallery .item a .overlayicon i {
		margin-top:22.5%;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {

	#mid_col .gallery .item {
		width:49%;
		}
	#left_col .gallery .item, 
	#right_col .gallery .item {
		width:32%;
		}
	#wide_col .gallery .item {
		width:23.5%;
		}
	.gallery .item.bookend-left { 
		margin-left:0;
		clear:both;
		}
	.gallery .item.bookend-right {
		margin-right:0;
		float:right;
		}
	.gallery .item a img {
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {

	.gallery .item {
		width:49%!important;
		}
	.gallery .item.odd {
		margin-left:0;
		clear:both;
		}
	.gallery .item.even {
		float:right;
		margin-right:0;
		}
	.gallery .item.even a {
		}
	.gallery .item a img {
		width:100%;	
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
        
                            
                            
/*  --------------------------------------------------
    10.6 RESOURCES         
    -------------------------------------------------- */

	.resources { 
		}
	.resources .item { 
		overflow:hidden;
		height:100%;
		padding:20px;
		margin:0 0 2px;
		}
	.resources .item.first { 
		}
	.resources .item.last {
		}
	.resources .item.odd {
		}
	.resources .item.even {
		}	
	.resources .item a { 
		display:block;
		text-decoration:none;
		}
	.resources .item p.heading { 
		display:block;
		padding:0 0 5px;
		font-size:16px; font-size:1.6rem;
		}
	.resources .item a:hover {
		padding-left:5px;
		}
	.resources .item .text {
		display:block;
		}
	.resources .item .text p {
		padding-bottom:5px;
		}
	.resources .item .size { 
		display:block;
		font-style:italic;
		padding:0;
		font-size:11px; font-size:1.1rem;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    10.7 TABLES
    -------------------------------------------------- */

	table { 
		width:100%; 
		margin: 0 0 30px; 
  
	    border-collapse: separate;
	    *border-collapse: collapse; /* IE7 and lower */
	    border-spacing: 0;  
	
		/*
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-ms-border-radius: 5px; 
		border-radius: 5px; 
		*/
		}
	
	table { 
		border-width:2px; border-style:solid;
		}
	table tr th,
	table tr td { 
		padding:15px;
		text-align:left;
		}
	table thead tr th,
	table tfoot tr td { 
		}
	table thead tr th.first, 
	table tfoot tr td.first { 
		border-left: none; 
		}
	table thead tr th.last, 
	table tfoot tr td.last { 
		border-right: none; 
		}

	table tbody tr.even td { 
		}
	table tbody tr td { 
		vertical-align: top; 
		border: none; 
		}

	table#fancybox-title-float-wrap,
	table#fancybox-title-float-wrap tr th,
	table#fancybox-title-float-wrap tr td {
		background:none!important;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
                            
                            
                            
/*  --------------------------------------------------
    10.8 COMMENTS            
    -------------------------------------------------- */

	div.comments {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}


                            
/*  --------------------------------------------------
    10.9 AUTHOR BIO
    -------------------------------------------------- */
	
	.author_bio {
		margin:30px 0;
		padding:20px 20px 10px;
		border-width:2px; border-style:solid;
		}
	.author_bio p.heading {
		}
	.author_bio .info {
		}
	.author_bio .info p.heading {
		padding-top:0;
		}
	.author_bio .info .text {
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
	
	
/*  --------------------------------------------------
	10.10 IMAGE SLIDESHOW
    -------------------------------------------------- */
	
	.slideshow {
		}
	.slideshow .item {
		display:block;
		}
	.slideshow .item .image {
		}
	.slideshow .item .image img {
		display:block;
		overflow:hidden;
		}
	.slideshow .item .info {
		}
	.slideshow .item .info .text { 
		position:absolute;
		padding:10px;
		right:0;
		bottom:0;
		left:0;
		font-size:11px; font-size:1.1rem;
		}
			
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
	
	
	
/*  --------------------------------------------------
	10.11 PRICING MENU
    -------------------------------------------------- */

	.pricing_menu {
		}
	.pricing_menu dl {
		border-style:solid;
		}
	.pricing_menu dl,
	.pricing_menu dl dt,
	.pricing_menu dl dd { 
		overflow:hidden;
		height:100%;
		margin:0; padding:0;
		font-weight:normal;
		}
	.pricing_menu dl dt,
	.pricing_menu dl dd { 
		border-style:solid;
		}
	.pricing_menu dl dd { 
		}
	.pricing_menu dl dt p {
		padding:0;
		}
	.pricing_menu dl dt .info,
	.pricing_menu dl dd.price p {
		}
	.pricing_menu dl dd.price p {
		font-weight:normal;
		font-size:16px; font-size:1.6rem;
		}
	.pricing_menu dl dt .info p.heading {
		text-transform:none;
		letter-spacing:0;
		font-size:16px; font-size:1.6rem;
		line-height:1.4;
		padding:0 0 5px;
		}
	.pricing_menu dl dt .info .text p {
		font-size:12px; font-size:1.2rem;
		font-style:italic;
		}
	.pricing_menu dl dt.header p.heading,
	.pricing_menu dl dd.header p.heading {
		font-size:12px; font-size:1.2rem;
		padding:15px;
		line-height:1;
		font-weight:400;
		
		-moz-opacity:0.6;
		-webkit-opacity:0.6;
		-ms-opacity:0.6;
		opacity:0.6;
		}
			
	@media (min-width:1024px) {
	}
		
	@media (min-width:768px) {
		
	.pricing_menu dl {
		border-width:0 1px 1px;
		}
	.pricing_menu dl dt,
	.pricing_menu dl dd { 
		float:left;
		display:inline-block;
		width:70%;
		border-width:1px 0 0;
		}
	.pricing_menu dl dd { 
		float:right;
		width:30%;
		}
	.pricing_menu dl dt.header {
		width:100%;
		}
	.pricing_menu dl dt .info,
	.pricing_menu dl dd.price p {
		padding:15px;
		}
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
		
	.pricing_menu dl {
		border-width:1px 1px 0;
		}
	.pricing_menu dl dt.header,
	.pricing_menu dl dd { 
		border-width:0 0 1px;
		}
	.pricing_menu dl dt,
	.pricing_menu dl dd {
		padding:0 15px;
		}
	.pricing_menu dl dt {
		padding-top:15px;
		}
	.pricing_menu dl dd {
		padding-bottom:10px;
		}
	.pricing_menu dl dt.header,
	.pricing_menu dl dd.header {
		padding:0;
		}
		
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}

/*  --------------------------------------------------
    11.12 PRODUCT TILES
    -------------------------------------------------- */

	.span4.tile {
		padding-top: 32%;	
	}
	.span6.tile {
		padding-top: 23%;
	}

	@media (max-width: 767px) {
		.span4.tile,
		.span3.tile {
			padding-top: 100%;
		}
		.span4.tile {
			margin-bottom: 20px;
		}
		.span6.tile {
			padding-top: 50%;
		}

		body.our_products .span3.tile.product,
		body.occasion .span3.tile.product {
			padding-top: 100%;
		}
		body.our_products .span3.tile.product .image,
		body.occasion .span3.tile.product .image {
			background-size: cover;
		}
		body.our_products .span3.tile.product a span.title span,
		body.occasion .span3.tile.product a span.title span {
			font-size: 18px;
			font-size: 1.8rem;
		}
	}

	@media (max-width: 1099px) {
		.span3.tile,
		.span6.tile {
			margin-bottom: 20px;
		}
		.span3.tile:last-child,
		.span4.tile:last-child,
		.span6.tile:last-child {
			margin-bottom: 0px;
		}

		.span3.tile.product {
			margin-bottom: 100px;
		}

		.span3.tile.product:last-child {
			margin-bottom: 80px;
		}
	}

	.tile a {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		overflow: hidden;
	}
	.tile a .image {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-size: cover;
		transition: transform 0.5s ease-out;
	}
	.tile.product a .image {
		background-size: auto 210px;
		background-position: center;
		background-color: #dfdfdf;
		background-repeat: no-repeat;
	}
	.footer_slideshow .tile a .image {
		background-size: auto 205px;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #dfdfdf;
	}
	.tile a span.title {
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		padding: 20px;
		font-size: 18px;
		font-size: 1.8rem;
		color: #ffc367;
		font-weight: 500;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.5);
		box-sizing: border-box;
	}
	.tile.product {
		padding-top: 19%;
		margin-bottom: 80px;
	}
	@media (max-width: 1099px) {
		.tile.product a .image {
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
	}
	.tile.product a {
		overflow: visible;
	}
	.tile.product a span.wrapper {
		position: absolute;
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
    	overflow: hidden;
	}
	.tile.product a span.title {
		height: 80px;
		bottom: -80px;
		background: #2b2b2b; /* Old browsers */
		background: -moz-linear-gradient(left,  #2b2b2b 0%, #424242 22%, #424242 77%, #2b2b2b 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #2b2b2b 0%,#424242 22%,#424242 77%,#2b2b2b 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #2b2b2b 0%,#424242 22%,#424242 77%,#2b2b2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#2b2b2b',GradientType=1 ); /* IE6-9 */
	}
	.tile.product a span.title span {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 20px;
		background-color: transparent;
		box-sizing: border-box;
	}
	@media (max-width: 1099px) {
		body.our_products .tile.product a span.title span,
		body.occasion .tile.product a span.title span {
			font-size: 15px;
			font-size: 1.5rem;
			padding: 15px;
		}
	}
	.span6.tile a span.title {
		padding: 15px;
	}
	.tile a:focus .image,
	.tile a:hover .image,
	.tile a:active .image {
		transform: scale(1.05);
	}
	.tile a:focus span.title,
	.tile a:hover span.title,
	.tile a:active span.title,
	.tile.product a:focus span.title span,
	.tile.product a:hover span.title span,
	.tile.product a:active span.title span {
		color: #000000;
		background-color: #ffc367;
	}

/*  --------------------------------------------------
    11.0 FORMS
    -------------------------------------------------- */
	
	fieldset {	
		padding:0 0 10px;
		margin:0 0 10px;
		position:relative;
		}
	
	fieldset.buttons {
		padding-top:0;
		border-bottom:0 none;
		}

	fieldset .row {
		padding:0;
		}
	
	/* GENERAL FIELDS */	
	fieldset .general {
		display:block;
		padding:5px 0;
		position:relative;
		overflow:hidden;
		height:100%;
		}
	fieldset .general label {
		display:block;
		padding:0 0 5px;	
		}	
	
	fieldset div.general span.wrap {
		position:relative;	
		display:block;
		}		
	
	fieldset div.general input,
	fieldset div.general select,
	fieldset div.general textarea {
		border-width:2px;
		border-style:solid;
		padding:7px 10px;
		display:block;
		width:100%;
		vertical-align: middle;
		}
	fieldset .general input:focus,
	fieldset .general select:focus,
	fieldset .general textarea:focus {
		}
		
	/* CHECKBOX & RADIO BUTTONS */	
	fieldset .checkbox {	
		padding:5px 0;
		display:block;
		margin-top:5px;
		overflow:hidden;
		height:100%;
		}	
	fieldset .radiobutton {	
		padding:5px 0;
		display:block;
		margin-top:5px;
		overflow:hidden;
		height:100%;
		}	
	fieldset .general label,
	fieldset .checkbox label,
	fieldset .radiobutton label {
		display:block;
		padding:0 0 5px;	
		}
	fieldset .checkbox label.options,
	fieldset .radiobutton label.options {
		cursor:default;
		}
	fieldset .checkbox ul,
	fieldset .radiobutton ul {
		}
	fieldset .checkbox ul li,
	fieldset .radiobutton ul li {
		padding:7px 0 3px;
		margin:0;
		}
	fieldset .checkbox ul li.first,
	fieldset .radiobutton ul li.first {
		}
	fieldset .checkbox ul li.last,
	fieldset .radiobutton ul li.last {
		}
	fieldset .checkbox ul li.odd,
	fieldset .radiobutton ul li.odd {
		}
	fieldset .checkbox ul li.even,
	fieldset .radiobutton ul li.even {
		}
	fieldset .checkbox ul li label,
	fieldset .radiobutton ul li label {
		}
	fieldset .checkbox input,
	fieldset .radiobutton input {
		display:inline;
		float:left;
		margin:2px 5px 0 0;
		padding:0;	
		border:0 none;
		background:auto;
		}
		

	/* NOTES */
	fieldset label em.req {
		font-style:normal;
		}
	fieldset span.note {
		display:block;
		font-size:12px; font-size:1.2rem;
		padding:5px 0 0;
		}

	
	/* VALIDATION */
	fieldset div.general span.field-validation-error,
	fieldset .error span.req {
		padding:5px;
		display:block;
		font-size:12px; font-size:1.2rem;
		}
	fieldset div.general input.input-validation-error,
	fieldset div.general select.input-validation-error,
	fieldset div.general textarea.input-validation-error,
	fieldset .error span.wrap input,
	fieldset .error span.wrap select,
	fieldset .error span.wrap textarea,
	fieldset .error ul {
		}	
	fieldset .checkbox.error span.wrap {	
		}
		
	
	.newsletter fieldset .general label {
		display:none;
		}
	.newsletter fieldset .general input {
		text-align:center;
		padding:12px;
		}
	
	
	/* SITE SEARCH */	
	header .site_search fieldset {
		padding:0;
		margin:0;
		}
	header .site_search fieldset div.general {
		padding:0;
		}
	header .site_search fieldset div.general input {
		height:40px;
		padding-left: 220px;
    color: #000;
    background-image: url(../images/search@2x.png);
    background-repeat: no-repeat;
    background-size: 123px 25px;
    background-position: 40px center;
    border: none;
		background-color: transparent;
		}
	@media (max-width: 1099px) {
		header .site_search fieldset div.general input {
			padding: 25px 0px;
			padding-left: 125px;
			background-image: url(../images/search_mobile@2x.png);
			background-size: 98px 26px;
			background-position: center left !important;
		}
	}
    header .site_search .search_wrapper fieldset button.button {
		display: none;
	}
	header .site_search fieldset button.button {
		margin:0;
		position:absolute;
		right:0;
		top:0;
		z-index:5;
		width:40px;
		height:40px;
		display:block;
		}
	header .site_search fieldset button.button span {
		padding:0;
		display:block;
		}	
			
	@media (min-width:1100px) {
		
	header .site_search {
		position:fixed;
		top:0; right:0;
		width: 100%
		}
	header .site_search .search_reveal {
		position: absolute;
		top: 70px;
		right: 0;
		width: 100%;
		height: 0px;
		overflow: hidden;
		transition: height 0.3s ease-out;
		}
	header .site_search .search_reveal .inner_shadow {
		position:absolute;
		width:100%;
		height:1px;
		top:-1px;
		box-shadow: 0px 0px 10px rgba(0,0,0,2)
		}
	header .site_search .search_reveal .search_wrapper {
		position: absolute;
		width: 100%;
		bottom: 0;
		}
	header .site_search .search_reveal.active {
		height: 80px;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2)
		}	
	header .site_search .search_reveal .search_wrapper fieldset {
		padding:20px;
		}
	header .site_search .search_wrapper fieldset button.button {
		top:20px; right:20px;
		}
		
	.navigation a.expand_search {
		width:60px; height:70px;
		display:block;
		position:absolute; top:0; right:75px;
		text-decoration:none;
		}
	.navigation a.expand_search em {
		display:none;
		}
	.navigation a.expand_search span {
		display:block;
		padding:24px 0 0;
		text-align:center;
		}
		
	}
			
	@media (min-width:768px) {
		
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}
		              
                            
                            
/*  --------------------------------------------------
    11.1 BUTTONS         
    -------------------------------------------------- */
	
	span.button a,
	button.button {
		display:inline-block;
		margin-right:10px;
		/* IE7 */
		zoom:1;
		*display:inline;
		color:#fff;
		text-align:center;
		border-width:3px;
		border-style:solid;
		text-decoration:none!important;
		
		-webkit-transition: all 0.15s ease;
		-moz-transition: all 0.15s ease;
        -ms-transition: all 0.15s ease;
        -o-transition: all 0.15s ease;
		transition: all 0.15s ease;
				
		/*
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		*/
		}
		
	span.button.right a,
	button.button.right {
		float:right;
		margin-right:0;
		margin-left:10px;
		}
		
	/* SIZE */
	.newsletter button,	
	span.button.block a,
	button.button.block {
		width:100%;
		display:block;
		margin-right:0;
		}
	span.button.med a,
	button.button.med {
		font-size:16px; font-size:1.6rem;
		}
	body.home .newsletter button,
	span.button.big a,
	button.button.big {
		font-size:22px; font-size:2.2rem;
		margin-right:20px;
		}
	
	/* PADDING */	
	span.button a span,
	button.button span {
		padding:12px 20px;
		display:inline-block;
		}
	span.button.med a span,
	button.button.med span {
		}
	span.button.big a span,
	button.button.big span {
		}	
	span.button a:hover,
	button.button:hover {
		background-image:none;
		}
	span.button.big a:hover,
	button.button.big:hover {
		}
		
	.promo_pods span.button a,
	.promo_pods button.button,
	.listing span.button a,
	.listing button.button {
		margin:0;
		}
		
	
	/* ACTIVE */
	span.button a:active,
	button.button:active {
		position:relative;
		top:1px;
		
		box-shadow:none;
		}
		
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
		
	span.button.big a,
	button.button.big {
		font-size:20px; font-size:2.0rem;
		}
	span.button a span,
	button.button span {
		padding:10px 16px;
		}
		
	}
		
	@media (max-width: 767px) {
	
	span.button a,
	button.button {
		margin-right:0!important;
		clear:both;
		}
	span.button.big a,
	button.button.big {
		font-size:18px; font-size:1.8rem;
		}
	span.button a span,
	button.button span {
		padding:8px 14px;
		}
	/*	
	span.button a,
	button.button {
		display:block;
		float:none;
		margin:0 0 10px!important;
		}
	button.button { 
		width:100%;
		}
	span.button a,
	span.button.right a,
	button.button.right {
		display:block;
		float:none;
		margin:0!important;
		clear:both;
		}
	span.button a span,
	button.button span {
		display:block;
		}
		*/
	
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}	
	

                            
/*  --------------------------------------------------
    11.2 AJAX LOADING         
    -------------------------------------------------- */

	.ajax_wrap {
		position:relative;
		width:100%;
		height:100%;
		}
	.ajax_wrap .ajax_loading {
	  	position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:10;
		} 
	.ajax_wrap .ajax_loading .loading {
		margin:0;
		position:relative;
		text-align:center;
		display:table;
		width:100%;
		height:100%;
		}
	.ajax_wrap .ajax_loading .loading span.message {
		display:table-cell;
		width:100%;
		height:100%;
		text-indent:-9999px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:center;
		}
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}



/*  --------------------------------------------------
    11.3 ALERTS
    -------------------------------------------------- */

	.alert_box {
		padding:15px 35px 0 15px;
		margin-bottom:15px;
		position:relative;
		
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
		}
	.alert_box p {
		}
	.alert_box a.close {
		position:absolute;
		right:10px;
		top:4px;
    	font-size: 18px; font-size: 1.8rem;
		text-decoration:none!important;
		font-weight:bold;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
		-moz-opacity: 0.2;
		-kthml-opacity: 0.2;
		-webkit-opacity: 0.2;
		-ms-opacity: 0.2;
    	opacity: 0.2;
		}
	.alert_box a:hover {

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		-webkit-opacity: 0.5;
		-ms-opacity: 0.5;
    	opacity: 0.5;
		}
		
			
	@media (min-width:1024px) {
	}
			
	@media (min-width:768px) {
	}
			
	@media (min-width:768px) and (max-width:1023px) {
	}
	
	@media (max-width:767px) {
	}
	
	@media (min-width:480px) and (max-width:767px) {
	}

/*  --------------------------------------------------
    12.0 GRID
    -------------------------------------------------- */

    .grid-section .details_macro,
    .grid-section .image_macro,
    .grid-section .windows_macro {
    	padding: 60px 0;
    }

    .grid-section .image_macro {
    	display: table;
    	width: 100%;
    }

    .grid-section .span6.cols.last .image_macro {
    	text-align: right;
    }

    .grid-section .no-bottom-pad {
    	padding-bottom: 0;
    }

    .grid-section .no-top-pad {
    	padding-top: 0;
    }

    @media (max-width: 1099px) {
    	.grid-section .details_macro,
	    .grid-section .image_macro,
	    .grid-section .windows_macro {
	    	padding: 40px 0 !important;
	    }

	    .grid-section .windows_macro.windows .span6.cols {
	    	float: left !important;
	    	width: calc(50% - 10px);
	    	padding: 0px;
	    	margin: 0px 20px 0px 0px;
	    }

	    .grid-section .windows_macro.windows .span6.cols.last {
	    	margin-right: 0px;
	    }

	    .grid-section .windows_macro.windows .span6.cols img {
	    	width: 100%;
	    }
    }

    @media (max-width: 767px) {
    	.grid-section .details_macro,
	    .grid-section .image_macro,
	    .grid-section .windows_macro {
	    	text-align: center;
	    }

    	.grid-section .windows_macro {
    		padding-top: 0px !important;
    	}
    }

/*	--------------------------------------------------
	END
	-------------------------------------------------- */
	
	
