@charset "utf-8";
/* CSS Document */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 1300px) {
    #main_nav > li a:link, #main_nav > li a:visited {
        font-size: 17px;
    }
	.slides_container h2 {
		left: 220px;
		width: 1000px;
		padding: 130px 40px 20px 60px;
		font-size: 70px;
		background-image: url(../images/slider_h2_gradient45.png);
	}
	.slides_container p {
		left: 160px; 
		top: 660px; 
		width: 1000px;
		font-size: 30px;
		padding: 0;
		margin: 0;
	}
	.slides_container .inset_image {
		right: 200px;
		width: 500px;
    }	
    #simply_bath_slideshow .headline {
        width: 1200px;
	}
	.contentwrapper_fullwidth { padding: 40px 10px 60px 10px; }
	
	#promo_content, #one_content, #two_content, #three_content, #four_content, #five_content {
	    min-height: 330px;
	}
	#logo,
	#breadCrumb,
	h1,
	p {
		padding-left: 10px;
	}
}

/* # Media Queries for Responsive Design. # */
/* ## Tablets ## */
@media only screen and (max-width: 1023px) 
{	
    h1 {
        font-size: 38px;
    }
    #main_nav > li a:link, #main_nav > li a:visited {
        font-size: 16px;
    }
	#home_ctas .oneFifthColumn,
	.contentwrapper_fullwidth .oneFifthColumn,
	.contentwrapper_sub .oneFifthColumn {		
		float: left;
		clear: none;
		width: 33%;
		max-width: 33%;
		min-width: 33%;
		margin: 9px 0;
		padding: 0 3% 12px 3%; 
	}
	.contentwrapper_sub .oneFifthColumn.more_materials {
		width: 18%;
		max-width: 18%;
		min-width: 18%;
		padding: 0 0 0 15px;
		margin: 0;
	}
	.secondary_nav ul li a, .secondary_nav ul li span {
		font-size: 14px;
    }
    .sb_subnav li {
        font-size: 14px;
    }
    .sb_subnav li a {
        padding: 6px;
    }
	#promo_image, 
	#one_image, 
	#two_image, 
	#three_image, 
	#four_image, 
	.arrow_module_up, 
	.arrow_module_down,
	.arrow_module_down_gs, 
	.arrow_module_up_gs {		
	display: none;
	}
	.module_title { font-size: 1.1em; }
	#promo_content, #one_content, #two_content, #three_content, #four_content, #five_content {
	    min-height: 300px;
	}
	footer .links {
		clear: both;
		float: none;
		width: 100%;
	}
    .global_nav_container {
		max-width: 1024px;
		width: 100%;
		min-height: 80px;
		padding: 10px 0 0;
	}
    .menu {
    	padding: 0 0 0 1%;
    	border-bottom: none;
    	height: auto;
    }
    #logo {
    	width: 100%;
    	margin: 10px auto;
    	float: none;
    }
    .menu {
    	padding: 0;
    }
	nav.main_nav_container 	{
		float: right;
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center; 
		border-bottom: 2px solid #d5d6d7;
		border-top: 2px solid #d5d6d7;
	}
	#main_nav {
		width: 100%;
	}
	#main_nav.links {
		margin-top: 0;
		padding: 0;
		text-align: center;
	}	
	#main_nav > li 	{
		margin: 0;
		padding: 8px 0;
	}
	#main_nav li a:link,
	#main_nav li a:visited,
	#main_nav li a:hover, 
	#main_nav li a:active {
		padding: 18px 0 2px;
	}
	#main_nav ul li, 
	#main_nav ul li:hover, 
	#main_nav ul li:active {
	    font-size: 14px;
	    text-transform: none;
	    text-align: left;
	}
	#main_nav ul li a:link,
	#main_nav ul li a:visited,
	#main_nav ul li a:hover, 
	#main_nav ul li a:active {
		padding: 10px 5px 10px 10px;
	}
	#main_nav ul li,
	#main_nav ul li:hover, 
	#main_nav ul li:active {		
		background-image: none;
	}
	#main_nav > li.simply_bath_cat {
		border-bottom: none;
	}
    .main_menu_item_top {
	    color: #2f2019;
	    display: block;
	    font-size: 18px;
	    font-weight: 400;
	}
	.main_menu_item_bottom {
	    color: #4c1b27;
	    display: inline-block;
	    font-size: 14px;
		font-weight: 400;
	}
	#supportZone {
		float: none;
		clear: both;
		width: auto;
		margin: 0 10px;
		text-align: center;
	}
	#supportZone .links {
		float: left;
		clear: left;
		text-align: center;
		margin: 0 1%;
	}
	#supportZone li {
		display: block;
		border: 0;
		margin: 5px 0;
		padding: 0;
		width: auto;
		float: left;
	}
	#supportZone .links a {
		white-space: nowrap;	
	}
	#search {
		width: 40%;
		margin-right: 10px;
	}
	.slides_container h2 {
		left: 220px;
		bottom: 280px;
		width: 1100px;
		padding: 130px 40px 20px 60px;
		font-size: 80px;
		background-image: url(../images/slider_h2_gradient46.png);
	}
	.slides_container p {
		left: 60px; 
		top: 630px; 
		width: 1200px;
		font-size: 40px;
		padding: 0;
		margin: 0;
	}
	.slides_container .inset_image {
		right: 100px;
		width: 500px;
	}
    #simply_bath_slideshow .headline {
        width: 1280px;
        font-size: 55px;
    }
	.slides_container .slides_background {		
		background-size: 100%;
		background-position: center center;
		height: 600px;
	}
	
	.slider_bullets {
		top: 820px;
		width: 770px !important;
	}
	.contentwrapper#rooms h1,
	.contentwrapper#doors h1,
	.contentwrapper#sch_finishes h1,
	.contentwrapper#islands h1,
	.contentwrapper#hoods h1,
	.contentwrapper#decorative_accessories h1,
	.contentwrapper#decorative_inserts h1,
	.contentwrapper#hardware h1,
	.contentwrapper#baking_and_cooking h1,
	.contentwrapper#food_and_pantry h1,	
	.contentwrapper#cleaning_center h1,	
	.contentwrapper#tableware h1,	
	.contentwrapper#bath h1 {
		padding: 0 400px 0 5%;
	}
	
	/* # cabinet Tracker # */
	.step_1, .step_2, .step_3 { 
		font-size: 15px;
		padding: 16px 30px 9px 30px; 
		min-width: 180px;
	}
	.step_1 { padding-left: 10px; }
	.step_2, .step_3 { margin-left: -20px; }
	.alignRefreshRight {
		margin-top: -0.75%;
	}

	nav, #main_nav {
		display: block;
		z-index: 99999;
	}
	.product_image p {
		font-size: 13px;
	}	
    
	.displayWhenActive { display: none; }
	.resp-tab-active .displayWhenActive { display: block; }
	
	h2.resp-accordion {
		background-image: url(../images/tabs_bg_prod_dt_active47.png);
		background-repeat: repeat-x;
		height: 56px;
		color: #fff;
		line-height: 0;
		padding: 15px;
	}
	#product_tabs .resp-tab-active {
		background-image: url(../images/tabs_bg_prod_dt_active48.png);
		background-repeat: no-repeat;
		height: 75px;
		color: #fff;
	}
	
	#product_tabs1 .crossSells img {
		width: 100%;
	}
	/* Style Quiz */
	.quizFirstQuestion .oneFourthColumn.firstColumn {
		width: 100%;
		max-width: 100%;
		padding: 30px;
	}
	.quizFirstQuestion .oneFourthColumn {
		margin: 0 auto;
		width: 31%;
		max-width: 340px;
		min-width: 200px;
		margin: 0 1%;
	}
	.contentwrapper_sub .oneThirdColumn_content, 
	.contentwrapper_sub .oneFourthColumn {
		float: left;
		margin-left: 0;
		padding: 0 1% 18px 1%;
		width: 50%;
		min-width: 50%;
		max-width: 50%;
		clear: none !important;
	}
	
	h1 { clear: both; }
	
	/* Homepage slider */
	#slider1_container .slider_text span, #slider1_container .slider_text br {
		display: none;
	}
	#slider1_container .jssort04 {
		display: none;
	}
	/* slider arrows */
	.jssora07r, .jssora07l, .jssora07rdn, .jssora07ldn {
		display: block !important;
		height: 100px !important;
		width: 75px !important;
		margin: -9px !important;
		padding: 30px 15px !important;
		background-repeat: no-repeat;
	}
	.jssora07r, .jssora07l {
		background-color: #E1DDDC;
		background-color: rgba(225,221,220,0.8);
		border: 2px solid #918173;
	}
	.jssora07rdn, .jssora07ldn, .jssora07r:hover, .jssora07l:hover {
		background-color: #8A796A;
		background-color: rgba(136,119,104,0.8);
		border: 2px solid #7F6E61;
	}
	/* right slider arrow */
	.jssora07r, .jssora07rdn, .jssora07r:hover, .jssora07rdn {
		-webkit-border-top-left-radius: 60px;
		-webkit-border-bottom-left-radius: 60px;
		-moz-border-radius-topleft: 60px;
		-moz-border-radius-bottomleft: 60px;
		border-top-left-radius: 60px;
		border-bottom-left-radius: 60px;
		background-image: url(../images/arrow_right49.png);
		background-position: 80% 52%;
		background-repeat: no-repeat;
	}
	.jssora07rdn, .jssora07r:hover {
		background-image: url(../images/arrow_right50.png);
	}

	/* left slider arrow */
	.jssora07l, .jssora07ldn, .jssora07l:hover, .jssora07ldn {
		-webkit-border-top-right-radius: 60px;
		-webkit-border-bottom-right-radius: 60px;
		-moz-border-radius-topright: 60px;
		-moz-border-radius-bottomright: 60px;
		border-top-right-radius: 60px;
		border-bottom-right-radius: 60px;
		background-image: url(../images/arrow_right51.png);
		background-position: 20% 52%;
		background-repeat: no-repeat;
	}
	.jssora07ldn, .jssora07l:hover {
		background-image: url(../images/arrow_right52.png);
	}
	div.slider_text {
		height: 100px;
	    padding: 5px;
	    margin: 15px;
	    overflow: hidden;
	}
	div.slider_text h3 {
	    background-image: url('../images/arrow_right53.png');
	    width: 90%;
	    margin: 0 5%; 
		padding: 13px 30px 13px 10px;
		white-space: nowrap;
		font-size: 48px;
	}
	.materials li { 
		min-height: 160px;
		font-size: 95%;
	}

    /* Simply Bath */
    .sb_collection_hero .leftCol {
        margin-top: -70px;
    }
    
}

/* ## Smartphones (portrait and landscape) ## */
@media only screen and (max-width : 767px) 
{
	.oneThirdColumn_content, 
	.contentwrapper_sub .oneThirdColumn_content, 
	.oneFourthColumn, 
	.contentwrapper_sub .oneFourthColumn, 
	.contentwrapper_home .oneFourthColumn,
	.contentwrapper_fullwidth .oneFourthColumn,
	.fourFifthsColumn,
	.oneFifthColumn,
	#home_ctas .oneFifthColumn,
	.contentwrapper_home .oneFifthColumn, 
	.contentwrapper_fullwidth .oneFifthColumn, 
	.contentwrapper_sub .oneFifthColumn, 
    .contentwrapper_sub .fourFifthsColumn,
    .fullColumn
	{		
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 0;
		padding: 3%;
		float: none;
		display: block;
	}
	
	.mid_text_container {
		padding: 30px 20px 50px 20px;
	}
	#mobileBack {
	    left: 14px;
	    position: absolute;
	    top: 12px;
	}
	nav, #main_nav {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	header { 
		clear: both;
		padding: 10px;
		min-height: 100px;
	}
	#logo {
	    width: 100%;
	    max-width: 200px;
	    margin: 3% auto;
	    float: none;
	}
	#supportZone .links {
		width: 100%;
		text-align: center;
	}
	#supportZone .links li {
		display: inline-block;
		float: none;
	}
	#SearchBar {
		background-color: #E4DEDA;
		margin: 7px 0;
		padding: 2px 0;
	}
	#search, #cart {
		margin: 2% auto;
		padding: 0;
		width: 90%;
		float: none;
	}
	#widget_search input {
   		max-width: 700px;
   		float: none;
   		margin: 0 auto;
   	}
	#widget_search {
		width: 100%;
		padding: 0;
		margin: 10px 0 0;
		position: relative;
		max-width: 700px;
		float: left;
		height: 40px;
	}
	#search .flyout {
	    width: 90%;
	    right: 5%;
	}
	#search .flyout ul li a { padding: 8px 0; }
	.menu {
		height: auto;
	}
	#widget_left_nav_toggle {
		background-color: #E4DEDA;
		background-image: url('../images/mc_facet_closed54.png');
		background-repeat: no-repeat;
		background-position: 8px 8px;
		font-size: 19px;
		font-weight: 700;
		padding: 7px 40px;
		margin: 10px 0 0 0;
	}
	#widget_left_nav_toggle.opened {
		background-image: url('../images/mc_facet_open55.png');
	}
	#widget_left_nav {
		display: none;
	}
	#widget_left_nav.opened {
		display: block;
		border-width: 0 2px 5px 2px;
		border-style: solid;
		border-color: #E4DEDA;
		background-color: #F6F4F3;
		padding-top: 10px;
	}
	
	#social_share_container {
		float: none;
		clear: both;
		margin: 30px auto 10px;
		padding: 20px 0 0;
	}
	#social_share {
		text-align: center;
	}
	.contentwrapper#rooms,
	.contentwrapper#sch_finishes,
	.contentwrapper#doors,
	.contentwrapper#islands,
	.contentwrapper#hoods,
	.contentwrapper#decorative_accessories,
	.contentwrapper#decorative_inserts,
	.contentwrapper#hardware,
	.contentwrapper#baking_and_cooking,
	.contentwrapper#food_and_pantry,	
	.contentwrapper#cleaning_center,	
	.contentwrapper#tableware,	
	.contentwrapper#bath {
		line-height: 1.4;
		font-size: 36px;
		background: none;
		padding: 0;
	}
	.contentwrapper#rooms h1,
	.contentwrapper#doors h1,
	.contentwrapper#sch_finishes h1,
	.contentwrapper#islands h1,
	.contentwrapper#hoods h1,
	.contentwrapper#decorative_accessories h1,
	.contentwrapper#decorative_inserts h1,
	.contentwrapper#hardware h1,
	.contentwrapper#baking_and_cooking h1,
	.contentwrapper#food_and_pantry h1,	
	.contentwrapper#cleaning_center h1,	
	.contentwrapper#tableware h1,	
	.contentwrapper#bath h1 {
		padding: 0 10px;
	}
	h1 {
		font-size: 36px;
	}

	.tracker_header {
    	margin-top: 15px;
	}
	#checkoutBreadcrumb { min-height: 120px; margin: 20px 0; }
	.step_1, .step_2, .step_3 { 
		margin: 0; 
		padding:19px 10px 11px 0; 
		float: none; 
	}
		
	#cabinetTrackerInputDiv
	{
		margin-left: 0px;
	}
	
	#cabinetTrackerInputDiv span 
	{
	    width: 95%;
	    margin-top: 5%;
	}

		
	.imgCaptcha {
		margin-left: 5%;
	}

	.filter-group {
		border-bottom: 1px solid #E4DEDA;
		width: 98%;
		margin-left: 2%;
	}
	div {
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
	}
	
	.adTop {
		margin-top: 150px;
	}

	.tracker_span_update_900 {
		width: 160%;
	}
	.tracker_span_update_450 {
		width: 80%;
	}
	.tracker_span_update_225 {
		width: 60%;
	}
	footer {
		padding: 2% 2% 50px 2%;
	}
	footer .elkay {
		float: none;
		margin: 3% auto;
		text-align: center;
	}
	
	footer .social_media
	{
		float: none;
		margin: 3% auto;
		text-align: right;
		float: none;
		text-align: center;
	}
	footer #lowes {
		clear: both;
		margin: 30px auto;
		float: none;
	}
	
	footer .links {
		width: 100%;
		min-width: 300px;
		margin: 20px 0 50px 0;
		font-size: .9em;
		
	}
	footer .links li {
		display: block;
		float: left;
		padding: 9px 3%;
		margin: 0;
		width: 50%;
		border: 0;
	}
	footer .links li:nth-child(odd) {
		text-align: right;
	}
	footer .links li:nth-child(even) {
		text-align: left;
		border-left: 1px solid #e0dcdc;
	}
	footer .links li.footer_assembled_in_usa {
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}

	.slider_bullets {
		top: 820px;
		width: 770px !important;
	}
    #simply_bath_slideshow .collectionTitle {
        font-size: 85px;
    }
	
	.ui-accordion .ui-accordion-content table {
		width: 100%;
	}
	.homebtn-top-left, .homebtn-top-right, .homebtn-bottom-left, .homebtn-bottom-right {
		height: 175px;
	}
	.doorImageColumn {
        float: none;
        margin: 0 auto 10px;
        max-width: 450px;
        min-width: 300px;
        padding: 0 0 18px;
        width: 100%;
    }
    h2.resp-accordion {
		background-image: url(../images/tabs_bg_prod_dt_active56.png);
		background-repeat: repeat-x;
		height: 56px;
		color: #fff;
		line-height: 0;
		padding: 15px;
	}
	#product_tabs .resp-tab-active {
		background-image: url(../images/tabs_bg_prod_dt_active57.png);
		background-repeat: no-repeat;
		height: 75px;
		color: #fff;
	}
	.resp-tabs-container .crossSells {
		width: 22%;
		margin: 1% 0 1% 2%;
		min-height: 420px;
		font-size: 90%;
	}
	#product_tabs1 .crossSells img {
		width: 100%;
	}
	.displayWhenActive { display: none; }
	.resp-tab-active .displayWhenActive { display: block; }
	
	/* Style Quiz */
	.quizFirstQuestion h2 {
		float: left;
	}
	.quizStartImg div {
		width: 33%;
	}
	.quizFirstQuestion h3, .quizFirstQuestion p {
		clear: both;
	}
	.quizStartText, .quizStartImg, .quizStartImg img{
		width: 100%;
		text-align: center;
	}
	#quizStartButtonFmt {
		float: none;
	}
	.quizFirstQuestion .oneFourthColumn {
		margin: 0 auto;		
		min-width: 300px;
	}
	#slider1_container .slider_text span, #slider1_container .slider_text br {
		display: none;
	}
	#slider1_container .jssort04 {
		display: none;
	}
	div.slider_text {
		height: 160px;
	    padding: 5px;
	    margin: 15px;
	    overflow: hidden;
	    width: auto;
	}
	div.slider_text h3 {
	    background-image: url('../images/arrow_right58.png');
	    margin: 0 5%; 
		padding: 10px 130px 10px 50px;
		white-space: nowrap;
		font-size: 96px;
	    width: auto;
	}
	/* right slider arrow */
	.jssora07r, .jssora07rdn, .jssora07r:hover, .jssora07rdn {
		-webkit-border-top-left-radius: 90px;
		-webkit-border-bottom-left-radius: 90px;
		-moz-border-radius-topleft: 90px;
		-moz-border-radius-bottomleft: 90px;
		border-top-left-radius: 90px;
		border-bottom-left-radius: 90px;
		background-image: url(../images/arrow_right59.png);
		background-position: 80% 52%;
		background-repeat: no-repeat;
	}
	.jssora07rdn, .jssora07r:hover {
		background-image: url(../images/arrow_right60.png);
	}
	.jssora07r, .jssora07l, .jssora07rdn, .jssora07ldn {
		display: block !important;
		height: 150px !important;
		width: 110px !important;
		margin: -9px !important;
		padding: 30px 15px !important;
		background-repeat: no-repeat;
	}
	/* left slider arrow */
	.jssora07l, .jssora07ldn, .jssora07l:hover, .jssora07ldn {
		-webkit-border-top-right-radius: 90px;
		-webkit-border-bottom-right-radius: 90px;
		-moz-border-radius-topright: 90px;
		-moz-border-radius-bottomright: 90px;
		border-top-right-radius: 90px;
		border-bottom-right-radius: 90px;
		background-image: url(../images/arrow_right61.png);
		background-position: 20% 52%;
		background-repeat: no-repeat;
	}
	.jssora07ldn, .jssora07l:hover {
		background-image: url(../images/arrow_right62.png);
	}
	#promo_content, 
    #one_content, 
    #two_content, 
    #three_content, 
    #four_content,
    #five_content,
    #promo_content_02, 
    #one_content_02, 
    #two_content_02, 
    #three_content_02, 
    #four_content_02,
    #five_content_02 {
		height: auto;
		min-height: auto;
		padding-bottom: 45px;
	}
	.contentwrapper_sub .oneFifthColumn.more_materials {
		width: 100%;
		max-width: 220px;
		min-width: 180px;
		padding: 0;
		margin: 20px auto;
	}
	.contentwrapper_sub .oneFifthColumn.more_materials img {
		max-width: 180px;
		margin: 0 auto;
		float: none;
	}
	/* track order responsive table */
	.orderDetailsTable td {
		border-bottom: 1px solid #fff;
	}
	
	.distressingHeader {
		width: 100%;
		margin-right: 0;
    }
    /* Simply Bath */
    .sb_collection_hero .leftCol {
        margin-top: -70px;
        max-width: 330px;
        width: 55%;
    }
    .sb_collection_hero .rightCol {
        width: 45%;
    }
    .sb_collection_hero .leftCol > picture > img {
        max-width: 100%;
    }
    .sb_collection_hero .rightCol > picture > img {
        max-width: 100%;
    }
    .sb_cta h3 {
        font-size: 30px;
    }
    .mobBPadding70 {
        padding-bottom: 70px;
    }
}

/* ## Phones only ## */
@media only screen and (max-width : 479px) 
{
	h1 {
		font-size: 30px;
		word-wrap: break-word;
	}
	/* Style Quiz */
	.quizFirstQuestion, .quizQuestion {
		padding: 0 2% 2%;
	}
	.quizQuestion h2, .quizFirstQuestion h3, .quizFirstQuestion p {
		font-size: 1em;
	}
	.quizSubQuestion {
		width: 100%;
	}
	.quizSubQuestion input {
		width: 20px;
	}
	.quizSubQuestion span {
		padding: 0;
	}
	#quizNavButtonContainer {
		padding: 2%;
	}
	.quizNavButton {
		width: 49%;
	}
	.quizNavButton a {
		margin: auto;
	}
	.quizAnswer h2 {
		text-align: center;
	}
	.quizAnswer h3 {
		margin: 10px 10%;
	}
	.resp-tabs-container .crossSells {
		width: 40%;
		margin: 2% 5%;
		min-height: 300px;
		font-size: 90%;
	}
	.resp-tabs-container .crossSells p {
		min-height: 50px;
	}
	.distressingOptionContainer input {
		clear: both;
    }
	#supportZone .links li {
		width: 50%;
		display: block;
		float: left;
		margin: 0;
    }
    .hidephone {
        display: none;
    }
    /* Simply Bath */
    .sb_collection_hero_caption {
        max-width: 100%;
    }
    .sb_collection_hero .leftCol {
        margin-top: 10px;
        max-width: 100%;
        width: 100%;
    }
    .sb_collection_hero .rightCol {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 390px) {
	.quizSocialShareButton {
		background-position: 10% 50% !important;
		padding-right: 5px !important;
		padding-left: 55px !important;
	}
}

/* Specific for cross Sells JSSOR */
@media only screen and (min-width: 821px) and (max-width: 1023px) 
{
	.resp-tabs-container .crossSells {
		width: 18%;
		margin: 2% 1%;
		min-height: 360px;
		font-size: 90%;
	}
}
@media only screen and (min-width: 641px) and (max-width: 820px) 
{
	.resp-tabs-container .crossSells {
		width: 23%;
		margin: 2% 1%;
		min-height: 360px;
		font-size: 90%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 640px) 
{
	.resp-tabs-container .crossSells {
		width: 30%;
		margin: 2% 1%;
		min-height: 360px;
		font-size: 90%;
	}
}

/* Feature Queries */
@supports (display: flex) {
	.eqHeight {
		display: flex;
		align-items: stretch;
	    flex-wrap: wrap;
	}
	.jst-center {
		justify-content: center;
	}
	.jst-between {		
		justify-content: space-between;
	}
	.jst-around {		
		justify-content: space-around;
	}
	.vFlex {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.alignTop {
		align-self: flex-start;
	}
	.alignCenter {
		align-self: center;
	}
	.alignBottom {
		align-self: flex-end;
	}
}
@supports not (display: flex) { 
	/* fall back styles if needed */
	.eqHeight {
		height: 300px;
		display: table;
	}
	.eqHeight div {
		height: 300px;
		display: table-row;
	}
	.vFlex {
		display: table;
	}
	.vFlex > div {
		display: table-cell;
		height: 100%;
	}
	.alignTop {
		vertical-align: top;
	}
	.alignCenter {
		vertical-align: middle;
	}
	.alignBottom {
		vertical-align: bottom;
	}
}