/* SLOGAN */
.slogan p				{ font-size: 3em; padding: 3.05em 0 1.2em; }
.slogan .small			{ padding: 0 0 6.05em; font-size: 1.6em; }


/* INFO */
.info					{ padding-bottom: 90px; text-align: left; }
.info:after				{ display: table; content: ''; clear: both; }
.info > p				{ padding-bottom: 45px; }
.info h2				{ margin-bottom: .6em; font-size: 2.4em; }


/* LOCATIONS BUTTONS */
.locations				{ overflow: hidden; margin-bottom: -18px; padding-bottom: 18px; text-align: center; }
.locations .button		{ position: relative; display: inline-block; width: auto; min-width: 3.2em; margin-right: 20px; padding: .65em 1em .7em; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none; transition: color 250ms; -webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; -ms-transition: color 250ms; font-size: 1.5em; }
.locations .button.active { background: #afafaf url('../images/buy/button-active-bg.png') repeat-x left top; pointer-events: none; cursor: default; }
.locations .button.active:after { position: absolute; display: inline-block; top: 100%; left: 50%; margin-left: -29px; width: 0; height: 0; content: " "; border-left: 29px solid transparent; border-right: 29px solid transparent; border-top: 18px solid #afafaf; }
.locations .button#selectRegion	{ display: none; background: none; border: 2px solid #0447CD; color: #0447CD; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }



/* LOCATION SUPPLIER LIST */
.location				{ display: none; margin: 0 auto; padding: 90px 0; text-align: left; overflow: hidden; }
#location11				{ display: block; }
.location h4			{ color: #525252; padding: 0 0 .05em; }
.location ul			{ float: left; width: 45%; margin: 3em 5% 1em 0; }
.location li			{ color: #525252; font-size: 1.4em; line-height: 1.65em; }
.location li strong		{ font-size: 1.2em; line-height: 1.4em; font-weight: 600; }
.location li a			{ color: #525252; }
.location li a:hover	{ color: #54a031; }
.location li a:active	{ color: #367b19; }


/* IMAGE DIVIDER */
.img-divider			{ background-image: url('../images/buy/img-divider-bg.jpg'); }




@media screen and (max-width: 959px) {

	.locations .button	{ margin-right: -3px; font-size: 1.3em; }

}

@media screen and (max-width: 768px) {

	.locations .button	{ display: block; float: left; width: 46%; padding: 10px 2%; }
	.locations .button.active:after { display: none; }

}

@media screen and (max-width: 600px) {

	.location ul		{ width: 100%; }

}

@media screen and (max-width: 400px) {

	.regions			{ display: none; }
	.locations .button	{ display: block; float: none; width: 100%; padding: 15px 0; background: #094CCA; border-bottom: 1px solid #5281d9; }
	.locations .button.active	{ background: #5281d9; }
	.locations .button#selectRegion	{ display: block; }
	.location			{ padding: 40px 0; }

	.slogan p			{ padding: 20px 0; font-size: 2.8em; }

	.img-divider		{ background-size: 700px; height: 230px; }

}