/*
 ------------------------------------------------------------------
 Basic top-level elements 
 ------------------------------------------------------------------
*/

html {
	box-sizing: border-box;
}
body {
	position: relative;
	padding-top: 85px;
}
*, *:before, *:after {
	box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p {
	outline: none;
}
body {
    font-size: 16px;
    font-family: 'ThemeFont-Primary', sans-serif;
    font-weight: 400;
    /* font-smoothing firefox/mac */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
textarea, select, input, button {
	font-family: inherit;
	color: inherit;
}
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
label {
	cursor: pointer;
}
button {
	border: none;
	font-size: inherit;
	cursor: pointer;
}
a 
{
	color: inherit;
	text-decoration: none;
	-webkit-transition: color 150ms ease, opacity 150ms ease;
    -moz-transition: 	color 150ms ease, opacity 150ms ease;
    -o-transition: 		color 150ms ease, opacity 150ms ease;
    transition: 		color 150ms ease, opacity 150ms ease;
}
svg {
	fill: currentColor;
}
button svg,
a svg {
	pointer-events: none;
}
a, img {
	outline: none;
	border: none;
}
img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	outline: none;
	vertical-align: text-bottom;
}
address {
	font-style: normal;
}

/* Pseudo selectors */
::-moz-selection,
::selection {
	text-shadow: none;
}


/*
 ------------------------------------------------------------------
 Helper objects
 ------------------------------------------------------------------
*/
.screen-reader-only {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* Micro clear fix */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	zoom: 1;
}

/* Media object */
.media {
	overflow: hidden;
}
.media__img {
	margin-right: 10px;
	float: left;
}
.media__img--rev {
	margin-left: 10px;
	float: right;
}
.media__body {
	overflow: hidden;
}

/* Flag object */
.flag {
	display: table;
	width: 100%;
}
.flag__image, .flag__body {
	display: table-cell;
	vertical-align: middle;
}
.flag--top .flag__image, 
.flag--top .flag__body {
	vertical-align: top;
}
.flag--bottom .flag__image, 
.flag--bottom .flag__body {
	vertical-align: bottom;
}
.flag__image { 
	padding-right: 20px;
}
.flag__image > img {
	display: block; 
	max-width: none;
}
.flag--rev .flag__image {
	padding-right: 0;
	padding-left: 20px;
}
.flag__body {
	width: 100%;
}

/*
 ------------------------------------------------------------------
 Helper classes
 ------------------------------------------------------------------
*/

/* Layout & position */
.row--no-gutter {
	/* these selectors have been moved to responsive temporarily */
}
.row--no-gutter > [class*='col-'] {
	/* these selectors have been moved to responsive temporarily */
}

.container-fluid--no-padding {
	padding-right: 0;
	padding-left: 0;
}
.gutter--left {
	margin-left: 15px;
}
.gutter--right {
	margin-right: 15px;
}
.relative {
	position: relative;
}
.row--pad {
	padding: 100px 0;
}
.row--pad-top {
	padding-top: 100px;
}
.row--pad-bottom {
	padding-bottom: 100px;
}

.align--left {
	text-align: left;
}
.align--center {
	text-align: center;
}
.align--right {
	text-align: right;
}

.float--left {
	float: left;
}
.float--right {
	float: right;
}

.inline-block {
	display: inline-block;
}
.display-none {
	display: none;
}

.equal-cols {
	display: table;
	width: 100%;
}
.equal-cols__item {
	display: table-cell;
}

.vertical {
	display: block;
}
.vertical--middle {
	position: relative;
	top: 50%;
	-webkit-transform: 	translateY(-50%);
	-moz-transform: 	translateY(-50%);
	-ms-transform: 		translateY(-50%);
	-o-transform: 		translateY(-50%);
	transform: 			translateY(-50%);
}
.break-word {
	word-wrap: break-word;
}
.rotate-180 {
	-webkit-transform: 	rotate(180deg);
	-moz-transform: 	rotate(180deg);
	-ms-transform: 		rotate(180deg);
	-o-transform: 		rotate(180deg);
	transform: 			rotate(180deg);
}

/* New gutter classes. need to review above */

@media (min-width: 768px) {
	.col-sm-remove-gutter--left {
		margin-left: -15px;
	}
	.col-sm-remove-gutter--right {
		margin-right: -15px;
	}
	.col-sm-above-hide {
		display: none;
	}
}

@media (max-width: 767px) {
	.col-sm-below-hide {
		display: none;
	}
}

/* Common layout */
.fix-inner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}
.module-container {
	width: calc(100% - 20px);
	max-width: 1440px;
	border-right-width: 10px;
	border-right-style: solid;
	border-left-width: 10px;
	border-left-style: solid;
	margin: 0 auto;
}
.master-module-container {
	position: relative;
	z-index:1;
}

.module {
	position: relative;
}
.module-container::nth-child(odd) {
	background: #ebefef;
}
.module-container--full-width {
	max-width: 100%;
	border: none;
}
.module__pad {
	padding: 100px 0 70px 0;
}
.module__pad--with-title {
	padding: 70px 0;
}
.module__prop {
	padding-bottom: 46%;
	overflow: hidden;
}
.module__prop--medium {
	padding-bottom: 39%;
}
.module__prop--small {
	padding-bottom: 32%;
}
.module__footer {
	display: block;
	padding: 50px 20px;
	text-align: center;
	position: relative;
}
.module__footer--absolute {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
.module__footer:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.3;
	z-index: 1;
	-webkit-transition: opacity 150ms ease;
    -moz-transition: 	opacity 150ms ease;
    -o-transition: 		opacity 150ms ease;
    transition: 		opacity 150ms ease;
}
.no-touchevents .module__footer:hover:after {
	opacity: 0.5;
}
.module__footer-text {
	position: relative;
	z-index: 2;
}
.module__heading, .page__heading {
    font-size: 42px;
    font-family: 'ThemeFont-Tertiary', sans-serif;
}
.full-width {
	display: block;
	width: 100%;
	max-width: none;
}

/* link styles */
a.result-link, a.result-link:visited {
    font-family: 'ThemeFont-Primary', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
.no-touchevents a.result-link:hover, a.result-link:active {
	text-decoration: underline;
}

/* banners */
.module__banner {
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.module__banner-content {
	position: absolute;
	right: 0;
	bottom: 60px;
	left: 0;
}

/* search box */
.submit-container {
	padding-bottom: 15px;
}
.search__input {
	width: 100%;
	padding: 20px;
	height: 61px;
	overflow:hidden;
	border: none;
	cursor: pointer;
	font-size: 18px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.2);
}
.search__submit {
	margin-top:1px;
	padding:1px;
	width: 18px;
	height: 18px;
	background: transparent;
	border: none;
	cursor: pointer;
}

/* Tiny title */
.tiny-title {
	position: relative;
	padding-bottom: 20px;
	
	padding-top: 4px;
}
.tiny-title--absolute {
	position: absolute;
	top: 100px;
	left: 15px;
	z-index: 3;
}
.tiny-title__icon {
	height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: -2px;
}
.tiny-title__heading {
	display: inline;
	font-size: 14px;
	font-family: 'ThemeFont-Tertiary', sans-serif;
	text-transform: uppercase;
}
.tiny-title__heading--lowercase {
	text-transform: none;
}
.tiny-title__subheading {
	font-size: 14px;
	text-align: left;
	display: block;
	margin-top: 5px;
}
.tiny-title__text {
	font-size: 16px;
	text-align: left;
	display: block;
	margin-top: 5px;
	line-height: 1.5;
}

/* Large title */
.large-title {
	position: relative;
}
.large-title__icon {
	height: 30px;
    width: 30px;
    margin-right: 15px;
}
.large-title__heading {
    display: inline;
    font-size: 42px;
    font-family: 'ThemeFont-Primary', sans-serif;
}
/* TODO: could abstract this as it's not just used in hero module any more */
.module--hero__text {
	position: absolute;
	width: 100%;
}

/* Overlay */
.overlay-background {
	display: none;
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
}
.close-overlay {
    border: none;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 20px;
	right: 25px;
	cursor: pointer;
	background: none;
}
.close-overlay--small {
	background-size: 13px 13px;
    width: 13px;
    height: 13px;
    top: 10px;
    right: 10px;
}

/* Small list */
.rte ul.small-list {
	padding-left: 0;
}
.small-list__item {
	list-style-type: none !important;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 10px 0;
}
.small-list__item:last-child {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.small-list__icon {
	display: block;
	float: left;
	width: 6px;
	height: 10.5px;
	margin: 4px 14px 0 0;
}
.small-list__icon--alt {
	margin-top: 7px;
}
.small-list__link {
	float: left;
	width: calc(100% - 20px);
}

/* Icons */
.icon {
	display: block;
	width: 100%;
}
.icon__image {
	display: block;
    fill: currentColor;
}
.icon__image--nav {
	width: 18px;
    height: 18px;
    margin: 0 auto 7px auto;
}
.icon__image--x-sml {
	width: 13px;
	height: 13px;
}
.sort-icon {
	width: 14px;
	height: 14px;
	margin-left: 20px;
}
.icon-container {
	position: relative;
}
.icon-container__label {
	position: absolute;
	right: 0;
	cursor: pointer;
	right: 20px;
	top: 20px;
}
.icon-container__icon {
	width: 28px;
	height: 28px;
}
.icon-container__icon--calendar {
	height: 27px;
}
.icon-container__icon--arrow {
	width: 14px;
	height: 8px;
}
.icon-container__icon--hidden {
	display: none;
}
.icon-container__icon--search {
	width: 18px;
	height: 18px;
}
.close-overlay__icon {
	width: 18px;
	height: 18px;
}
.round-icon-border {
	display: inline-block;
	border-radius: 50%;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.3);
	-moz-box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.3);
	box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.3);
}
.round-icon {
    width: 26px;
    height: 26px;
    overflow: visible;
    vertical-align: top;
}
.page-download__icon-holder {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page-open-modal__icon-holder {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page-open-modal__icon {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.page-download__icon {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.page-download__icon-item {
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.page-social-icons {
	margin-bottom: -23px;
	margin-right: -10px;
	z-index: 1;
    position: relative;	
    float: right;
}
.large-open-modal__icon {
	padding: 10px 10px;
}
.large-download__icon {
	padding: 3px 3px; 
}
.page-large-social__icon-item {
    margin-right: 10px;
	margin-left: 20px;
}
.large-open-modal__icon.round-icon {
	border-radius: 0;
	padding: 0;
	width: 26px;
	height: 26px;
}

/* Age gate */
.pwag-birthday-groups {
	height: 290px;
}
.pwag-birthday-group__instruction {
	font-family: 'ThemeFont-Secondary', sans-serif;
	font-size: 30px;
}
.pwag-terms {
	font-size: 13px;
}
.pwag-date-box {
	font-family: 'ThemeFont-Tertiary', sans-serif;
	background: transparent;
}
.pwag-instruction {
	margin: 20px 0 30px 0;
}
.pwag-date-box--focus .pwag-date-box__placeholder:after {
	content: "_";
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 0;
    -webkit-animation: 	blink normal 1.5s infinite ease-in-out; /* Webkit */
    -moz-animation: 	blink normal 1.5s infinite ease-in-out; /* Firefox */
    -ms-animation: 		blink normal 1.5s infinite ease-in-out; /* IE */
    animation: 			blink normal 1.5s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
.pwag-date-box__placeholder {
	color: transparent;
}
.pwag-yes-no__option {
	font-family: 'ThemeFont-Tertiary', sans-serif;
	font-size: 40px !important;
}
.pwag-yes-no__option--yes {
	margin-right: 6px;
}

/* Age gate cursor blink */
/*Firefox old*/
@-moz-keyframes blink {
	0%		{ opacity:1; }
	50%		{ opacity:0; }
	100%	{ opacity:1; }
} 
@-webkit-keyframes blink {
	0%		{ opacity:1; }
	50%		{ opacity:0; }
	100%	{ opacity:1; }
}
/* IE */
@-ms-keyframes blink {
	0%		{ opacity:1; }
	50%		{ opacity:0; }
	100%	{ opacity:1; }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
	0%		{ opacity:1; }
	50%		{ opacity:0; }
	100%	{ opacity:1; }
} 

/* Misc */
.caption {
    font-size: 14px;
    font-family: 'ThemeFont-Primary', sans-serif;
    font-style: italic;
}
.caption--gap {
	margin-top: 20px;
}
.product-picker {
	margin: 40px 0 0 0;
	padding-bottom: 30px;
}
.product-picker__inner {
	padding: 20px;
}
.product-picker__title {
    padding: 15px;
    font-family: 'ThemeFont-Tertiary', sans-serif;
    font-size: 16px;
}
.product-picker__meta {
	font-size: 14px;
}
.product-picker__image {
	display: inline-block;
	margin: -60px 0 0 0;
	max-height: 334px;
}
.rte + .page-press-contacts-card {
	margin-top: 50px;
}


/* Mobile menu */
.nav-mobile {
	display: none;
}
.mobile-menu-button {
	display: none;
	background: none;
	position: fixed;
	z-index: 4;
	right: 10px;
	top: 25px;
	text-transform: uppercase;
	-webkit-transition: opacity 150ms ease;
    -moz-transition: 	opacity 150ms ease;
    -o-transition: 		opacity 150ms ease;
    transition: 		opacity 150ms ease;
}
.pwag-gate-enabled .mobile-menu-button {
	z-index: 1;
}
.mobile-menu-button__text {
	-webkit-transition: opacity 150ms ease;
    -moz-transition: 	opacity 150ms ease;
    -o-transition: 		opacity 150ms ease;
    transition: 		opacity 150ms ease;
}
.icon__image--menu {
	width: 44px;
	height: 44px;
	margin-top: -4px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	padding: 10px;
}
.icon__image--menu--closed {
	display: none;
}
.icon__image--nav-mobile {
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 15px;
}

/* Buttons */
.btn {
	display: inline-block;
	padding: 18px 60px;
	color: inherit;
	font-size: 18px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.3);
	border:1px solid #073c1e;
	border-radius: none;
	cursor: pointer;
}
.btn--full {
	width: 100%;
}
.btn--clear {
	background: none;
	padding: 0;
	border: none;
	line-height: 42px;
	font-size: 18px;
}
.btn--clear__icon {
	width: 18px;
	height: 18px;
	opacity: 0.5;
	margin-left: 10px;
	vertical-align: middle;
}

/* RTE */
.rte {
	padding-top: 50px;
	padding-bottom: 50px;
	line-height: 150%;
}
.rte--no-pad {
	padding-top: 0;
	padding-bottom: 0;
}
.rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
	margin-bottom: 10px;
	font-size: 15px;
	font-family: 'ThemeFont-Secondary', sans-serif;
	font-weight: normal;
	line-height: 150%;
}
.rte h2 {
	font-size: 16px;
}
.rte h2.headline {
	font-size: 24px;
}
.rte h3 {
	font-size: 15px;
}
.rte h4 {
	font-size: 14px;
}
.rte h5 {
	font-size: 12px;
}
.rte h6 {
	margin-bottom: 0;
	font-size: 10px;
}
.rte p {
	margin-bottom: 20px;
}
.rte ul, .rte ol {
	margin-bottom: 20px;
	padding-left: 17px;
}
.rte ul {
	list-style-type: disc;
}
.rte ul li {
	display: list-item;
	list-style-type: disc;
}
.rte p:last-child, .rte ol:last-child, .rte ul:last-child {
	margin-bottom: 0;
}

/* Temp */
ul {
	list-style-type: none;
}

/*
 ------------------------------------------------------------------
 Featherlight
 ------------------------------------------------------------------
*/

.featherlight-close-icon {
    height: 23px !important;
    border-radius: 50%;
    overflow: visible;
    vertical-align: top;
    padding: 5px;
    width: 23px !important;
    line-height: 13px !important;
    margin: 3px;
	text-align: center;
	display: inline-block;
}
.featherlight-previous span, .featherlight-next span {
	font-size: 50px;
    text-shadow: none;
}


/*
 ------------------------------------------------------------------
 Browser hacks
 ------------------------------------------------------------------
*/
/*
.custom-select--open {
	margin-bottom: 180px;
}*/
.ios7 .mobile-menu-button__text {
	display: none;
}
.ios7 .mobile-menu-button {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	padding: 0;
	background: #fff;
}
.ios7 .icon__image--menu {
	padding: 0;
	border-radius: 0;
	background: none;
	width: 23px;
	height: 23px;
	margin: 10px;
}
.ios7 .header__section--logo-container {
	padding-left: 0;
}
.ios7 .close-tag__icon {
	padding: 0;
}
.ios7 .large-download__icon {
	padding: 0;
}

/* Force mobile nav */
.force-mobile-nav .mobile-menu-button {
	display: block;
}
.force-mobile-nav .header__section--nav-container {
	display: none;
}
.force-mobile-nav .mobile-menu-button {
	right: 25px;
}
.mm-opened .force-mobile-nav .mobile-menu-button__text {
	opacity: 0;
}
.mm-opened .force-mobile-nav .icon__image--menu--open {
    display: none;
}
.mm-opened .force-mobile-nav .icon__image--menu--closed {
    display: inline-block;
}

/*
 ------------------------------------------------------------------
 Responsive stuff
 ------------------------------------------------------------------
*/

/* Fluid headers with background-images */

@media (max-width: 1199px) {
	.module__prop--medium {
		padding-bottom: 46%;
	}
}

/* All responsive selectors here  */
@media (max-width: 1024px){
	.module__heading, .page__heading, .module--hero__heading {
		font-size: 32px !important;
	}
	.module--hero__heading-large {
		font-size: 80px !important;
	}
}


@media (max-width: 991px) {
	.master-container {
		margin-bottom: 0 !important;
	}
	.scrolled .mobile-menu-button__text,
	.mm-opened .mobile-menu-button__text {
		opacity: 0;
	}
	.mobile-menu-button {
		display: block;
	}
	.pwag-gate-enabled .mobile-menu-button {
		display: none;
	}
	.mm-opened .icon__image--menu--closed {
		display: inline-block;
	}
	.mm-opened .icon__image--menu--open {
		display: none;
	}

	.module-container {
		border-right-width: 0;
		border-left-width: 0;
		width: 100%;
		/*overflow-x: hidden;*/
	}
	.module__pad {
		padding: 60px 0 30px 0;
	}
	.container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	
	.module--stats-block .stat h2 {
		font-size: 90px;
	}
	
	.background-image__mobile {
		padding:100px 20px 180px;
	}
	
	.module--hero__text-dropshadow {
		text-shadow: !important;	
	}
	
	.module__banner {
		position: relative;
	}
	.module__banner-content {
		padding: 50px 0px;
		position: relative;
		top: 0;
	}
	
	/* dropdowns width of select box tablet layout */
	.custom-select__options-container-inner {
		min-width: 0;
		width: 100%;
	}
	
	/* Gives more space below search for tablet layout */
	.submit-container {
		padding-bottom: 45px;
	}
	
	/* resize product box for tablet */
	.module--product__image-container {
		padding: 40px 15px !important;
    	min-height: 0 !important;
    	margin-bottom: 0;
	}
	.module--product__image-container img {
		max-height: 350px;
	}

	/* adjustments for abutting columns */

	.row--no-gutter {
		margin-right: 0;
		margin-left: 0;
	}
	.row--no-gutter > [class*='col-'] {
		padding-right: 0;
		padding-left: 0;
	}
	.promo-card__text {
		padding-right: 30px;
	}
	
	.promo-card-text--no-media {
		padding: 0 30px;
	}
	.module--promo-cards .col-md-4:nth-child(3n+1) .promo-card-text--no-media {
		padding: 0 30px 0 0;
	}
	.module--promo-cards .col-md-4:nth-child(3n+3) .promo-card-text--no-media {
		padding: 0 0 0 30px;
	}

	/* Hack to cater for difference between front-end grid classes and those output by CMS */
	.col-md-2 .promo-card-text--no-media,
	.col-md-3 .promo-card-text--no-media,
	.col-md-4 .promo-card-text--no-media,
	.col-md-5 .promo-card-text--no-media,
	.col-md-6 .promo-card-text--no-media {
		padding: 30px 0 0 0;
	}

	/* Add padding to stacked elements */
	.rte, .rte--no-pad,
	.media-module {
		padding-bottom: 30px;
	}

}


@media (max-width: 767px) {
	.module--stats-block .stat {
    	padding: 20px 20px !important;
	}
	
	/* rearrange positioning of clear button for tablet */
	.module__heading.float--left {
		margin-bottom: 30px;
		float: none;
	}
	.list__form, .search__form {
		padding-top: 20px !important;
	}
	button.btn--clear {
		font-size: 17px;
	}
	button.btn--clear__icon {
		width: 16px;
		height: 16px;
		margin-left: 8px;
    }
	.page-large-social__icon-item {
	    margin-right: 0;
		margin-left: 30px;
	}
	.tiny-title--absolute {
		top: 60px;
	}

	/* Font sizes  */
	.module--hero__heading-large {
		font-size: 60px !important;
	}
	
	module--hero__subheading, .module--hero__subheading-large {
		font-size: 24px !important;
	}
	
	.brands-list__result-count__heading {
		font-size: 32px;
	}
	
	.large-title__heading {
		font-size: 32px;
	}
	
	.large-title__icon {
		width: 22px;
		height: 22px;
		margin-right: 10px;
	}
	.promo-card-text--no-media {
    	padding: 0;
	}
}

@media (max-width: 540px) {
	.xxs-12 {
		width: 100% !important;
		float: left !important;
		position: relative !important;
		min-height: 1px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.xxs-10 {
		margin-left: 8.33333333%;
		width: 83.33333333% !important;
		float: left !important;
		position: relative !important;
		min-height: 1px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.promo-card-text--no-media {
		padding: 0;
	}
	.module--hero__heading-large {
		font-size: 40px !important;
	}

	.round-icon-border {
		display: inline-block;
		border-radius: 50%;
		padding: 8px;
		-webkit-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
		-moz-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
		box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
	}
	.page-social-icons {
	    margin-bottom: -19px;
	}
	.page-large-social__icon-item {
		margin-left: 20px;
	}

}

/* RTL */
[dir="rtl"] .float--right {
	float: left;
}
[dir="rtl"] .float--left {
	float: right;
}
[dir="rtl"] .tiny-title__icon {
	float: right;
	margin-right: 0;
	margin-left: 5px;
}
[dir="rtl"] .close-overlay {
	right: auto;
	left: 10px;
}
[dir="rtl"] .tiny-title__subheading {
	text-align: right;
}
[dir="rtl"] .large-play__icon,
[dir="rtl"] .play-video-icon .round-icon,
[dir="rtl"] .icon-list__icon {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
[dir="rtl"] .play-video-icon {
	right: calc(50% - 23px);
	left: 0;
}
[dir="rtl"] .featherlight .featherlight-close-icon {
	right: auto;
	left: 0;
}
[dir="rtl"] .icon-container__label {
	right: auto;
	left: 20px;
}
[dir="rtl"] .small-list__icon {
    float: right;
	margin: 4px 0 0 14px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
[dir="rtl"] .flag__image {
	padding-right: 0;
	padding-left: 20px;
}
[dir="rtl"] .page-social-icons {
	margin-right: 0;
	margin-left: -10px;
	float: left;
}
[dir="rtl"] .page-download__icon,
[dir="rtl"] .page-open-modal__icon {
	right: auto;
	left: 20px;
}
[dir="rtl"] .rte ul, 
[dir="rtl"] .rte ol {
	padding-left: auto;
	padding-right: 17px;
}
[dir="rtl"] .mobile-menu-button {
	right: auto;
	left: 25px;
}
[dir="rtl"] .icon__image--menu {
	margin-right: 5px;
	margin-left: 0;
}