/*==========================
Icons
============================*/

/*
* Content Editable Icons
=========================*/
/*Parent Element Class*/
.container-icon {
	display: table !important;
}

/*Wrap children elements in a span*/
.container-icon span {
	display:table-cell;
    vertical-align:middle;
    line-height: 2em;
}

.footer-nav-external-links .container-icon span,
.nav .container-icon span {
	white-space: normal;
}

.homepage .panel .container-icon span {
	line-height: 8px;
}

.homepage .panel .panel-nav-item[data-icon="1"] span,
.homepage .panel .panel-slideshow-content span {
    line-height: 16px;
}

.svg .homepage .panel .panel-slideshow-content span img[src*=".svg"] {
	width: 20px;
}

.no-svg.svg .homepage .panel .panel-slideshow-content span img[src*=".svg"] {
	width: auto;
	max-width: 20px;
	max-height: 30px;
}

/*Image class for icons*/
.icon {
	display: block;
	margin: -1px 10px 0 5px;
}

.link-button .icon,
.action-button .icon,
.info-button .icon {
	max-width: 20px;
}

.no-svg .link-button .icon,
.no-svg .action-button .icon,
.no-svg .info-button .icon {
	max-width: none;
}

.product-detail .link-button .icon,
.product-detail .action-button .icon,
.product-detail .info-button .icon {
	min-width: 18px;
}

.svg.no-svg .product-detail .link-button .icon[src*=".svg"],
.svg.no-svg .product-detail .action-button .icon[src*=".svg"],
.svg.no-svg .product-detail .info-button .icon[src*=".svg"] {
	min-width: none;
	width: auto;
	max-width: 20px;
	max-height: 30px;
}

/*Specific Area Icon Styles*/
.footer-nav-external-links .icon {
	vertical-align: top;
}

.homepage-section-copy .icon {
	vertical-align: middle;
}

.svg .homepage-section-copy .icon[src*=".svg"] {
	width: 20px;
}

.no-svg.svg .homepage-section-copy .icon[src*=".svg"] {
	width: auto;
	max-width: 20px;
	max-height: 30px;
}

.homepage-section-copy span + span {
	position: relative;
	top: 2px;
}

.panel-nav-item .icon {
	margin-left: 0;
}

.back-to-top .icon,
.product-info button.action-button .icon {
    margin-left: 0;
}

/*
* Static Icons
=========================*/
[class^='icon-'] {
	position: relative;
	padding-left: 35px !important;
}

[class^='icon-']:before {
	display: block;
	position: absolute;
	left: 10px;
}

i[class^='icon-'] {
	display: inline-block;
	position: relative;
	padding-left: 35px !important;
	left: 0;
	top: 0;
}

i[class^='icon-']:before {
	display: inline-block;
	position: absolute;
	top: -5px;
	left: 0;
}

.no-svg [class^='icon-']:before {
	/*-webkit-transform: scale(1) translate(-50%, -50%);
	-moz-transform: scale(1) translate(-50%, -50%);
	-ms-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%);*/
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/*Scroll Icon*/
.icon-scroll {}
.icon-scroll:before {
	content: url('/assets/img/icons/down-arrow-icon.svg');
	left: 50%;
	top: 0px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.no-svg .icon-scroll:before {
	content: url('/assets/img/icons/down-arrow-icon.png');
	left: 50%;
	top: 0px;
	-webkit-transform: scale(0.5) translate(-100%, -50%);
	-moz-transform: scale(0.5) translate(-100%, -50%);
	-ms-transform: scale(0.5) translate(-100%, -50%);
	transform: scale(0.5) translate(-100%, -50%);
}

/*Globe Icon*/
.icon-globe:before {
	content: url('/assets/img/icons/globo-gym-icon.svg');
	top: 13px;
}
.no-svg .icon-globe:before { content: url('/assets/img/icons/globo-gym-icon.png'); }

/*Blue Globe Icon*/
.icon-blue-globe:before {
	content: url('/assets/img/icons/blue-globe-icon.svg');
}
.no-svg .icon-blue-globe:before { content: url('/assets/img/icons/blue-globe-icon.png'); }


/*Where to Buy Icon*/
.icon-where-to-buy:before {
	content: url('/assets/img/icons/where-to-buy-icon.svg');
	top: 12px;
}
.no-svg .icon-where-to-buy:before { content: url('/assets/img/icons/where-to-buy-icon.png'); }

/*Mail Icon*/
.icon-mail:before {
	content: url('/assets/img/icons/mail-icon.svg');
}
.no-svg .icon-mail:before { content: url('/assets/img/icons/mail-icon.png'); }


/*Search Icon*/
.icon-search:before { content: url('/assets/img/icons/search-icon.svg'); }
.no-svg .icon-search:before {
	content: url('/assets/img/icons/search-icon.png');
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*Menu Icon*/
.icon-menu:before { content: url('/assets/img/icons/menu-icon.svg'); }
.no-svg .icon-menu:before {
	content: url('/assets/img/icons/menu-icon.png');
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*Close Icon*/
.icon-close:before {
	content: url('/assets/img/icons/close-icon.svg');
	left: auto;
	right: 115px;
}
.no-svg .icon-close:before { content: url('/assets/img/icons/close-icon.png'); }

/*Back Arrow Icon*/
.icon-back-arrow:before { content: url('/assets/img/icons/back-arrow.svg'); }
.no-svg .icon-back-arrow:before { content: url('/assets/img/icons/back-arrow.png'); }


/*Facebook Icon*/
.icon-facebook:before {
	content: url('/assets/img/icons/facebook-icon.svg');
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.no-svg .icon-facebook:before,
.ie9 .icon-facebook:before {
	content: url('/assets/img/icons/facebook-icon.png');
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*Instagram Icon*/
.icon-instagram:before {
	content: url('/assets/img/icons/insta-icon.svg');
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.no-svg .icon-instagram:before,
.ie9 .icon-instagram:before {
	content: url('/assets/img/icons/insta-icon.png');
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*Twitter Icon*/
.icon-twitter:before {
	content: url('/assets/img/icons/twitter-icon.svg');
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.no-svg .icon-twitter:before,
.ie9 .icon-twitter:before {
	content: url('/assets/img/icons/twitter-icon.png');
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*Youtube Icon*/
.icon-youtube:before {
	content: url('/assets/img/icons/youtube-icon.svg');
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.no-svg .icon-youtube:before,
.ie9 .icon-youtube:before {
	content: url('/assets/img/icons/youtube-icon.png');
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}





@media (max-width: 767px) {
	/*-- Icons --*/
	i[class^='icon-'] {
		padding-left: 0 !important;
	}

	i[class^='icon-']:before {
		top: -5px;
		left: auto;
		right: -35px;
	}
}

@media (max-width: 640px) {

}