/** Responsive text alignment **/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
	text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
	text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
	text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
	text-align: justify;
}

@media (max-width: 767px) {
	.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
		text-align: inherit;
	}
	.text-left-xs {
		text-align: left;
	}
	.text-center-xs {
		text-align: center;
	}
	.text-right-xs {
		text-align: right;
	}
	.text-justify-xs {
		text-align: justify;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
		text-align: inherit;
	}
	.text-left-sm {
		text-align: left;
	}
	.text-center-sm {
		text-align: center;
	}
	.text-right-sm {
		text-align: right;
	}
	.text-justify-sm {
		text-align: justify;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
		text-align: inherit;
	}
	.text-left-md {
		text-align: left;
	}
	.text-center-md {
		text-align: center;
	}
	.text-right-md {
		text-align: right;
	}
	.text-justify-md {
		text-align: justify;
	}
}
@media (min-width: 1200px) {
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
		text-align: inherit;
	}
	.text-left-lg {
		text-align: left;
	}
	.text-center-lg {
		text-align: center;
	}
	.text-right-lg {
		text-align: right;
	}
	.text-justify-lg {
		text-align: justify;
	}
}
/** End Responsive text **/

/** overrides **/
h2 {
	font-weight:bold;
}

/** masthead **/
.masthead-caption {
	padding:5% 20%;
}

 .vittoria-carousel .masthead-container {
  position:absolute;
  color:#FFF;
  top:50%;
  left:0px;
  right:0px;
  margin:0 auto;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  width:80%;
}
.vittoria-carousel .masthead-container h2 {
	font-size: 42px;
}
.vittoria-carousel .masthead-container p {
	font-size: 18px;
	line-height: 28px;
}
.vittoria-carousel .masthead-container .masthead-accompanying-image {
	margin-bottom: 20px;
}
.masthead-video-wrap + .masthead-link {
	background: rgba( 0, 0, 0, .75 );
}
.masthead-link {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.masthead-caption {
	border: none;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	margin: 0;
}
.masthead-link .masthead-caption > h1 {
	white-space: pre-line;
}
.masthead-caption > h1 {
	font-size: 38px;
	font-style: italic;
	font-weight: bold;
}
.masthead-caption > h2,
.masthead-caption cite {
	font-size:19px;
	font-weight:normal;
}
.masthead-caption cite:before {
	content: ' - ';
}
.masthead-caption:before,.masthead-caption:after {
	font-size:62px;
	position:absolute;
}
.masthead-caption:before {
	content: '“';
	top: 0px;
	margin-left: -35%;
	opacity: 0.8;
}
.masthead-caption:after {
	content: '”';
	bottom: 30px;
	margin-left: 35%;
	opacity: 0.8;
}
.masthead-caption {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz--transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/** End masthead **/


/** Resuables **/
.carousel-match {
	max-width: 940px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}
.carousel-match h2 {
	font-size: 1.25em;
	min-height: 1.5em;
	margin-bottom: 0;
}
.g-header-style {
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	display: block;
}
.bar {
	padding: 10px 0 20px 0;
	text-align: center;
	background-color:rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 10px 88px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 88px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 88px 0px rgba(0,0,0,0.2);
}
.bar > a {
	color: #252525;
	display: inline-block;
	font-family: museo, serif;
	font-size: 20px;
	padding: 0;
	position: relative;
	text-align: center;
}
.bar > a:before {
	content: '|';
	display: inline-block;
	margin: 0 14px 0 10px;
}
.bar > a:first-child:before { content: none; }
.bar > ul > li {
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}
.bar ul  li  a {
	font-family: museo, serif;
	font-size: 16px;
}
.bar a.selected,
.bar a:hover,
.bar a:focus {
	color: #000;
}
.bar a.btn {
	border-radius:0;
	font-size:16px;
	font-weight:bold;
	padding: 5px 0;
	margin-left: 30px;
	margin-right: 30px;
	position: relative;
}
.bar a.btn.selected:before,
.bar a.btn.selected:after {
	width: 100%;
}
.bar a.btn:hover:before, .bar a.btn:hover:after {
	width: 100%;
}
.bar a.btn:before, .bar a.btn:after {
	content: '';
	width: 0;
	border-bottom: solid 2px #000;
	position:absolute;
	z-index: 1;
	transition:all .25s;

	-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	        transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */

	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	     -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	        transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.bar a.btn:before {
	top: 0;
	left: 0;
}

.bar a.btn:after {
	bottom: 0;
	left: 0;
}

.bar a.btn:active {
	box-shadow: none;
}

.section-product .bar-collapsible a.btn {
	overflow: hidden;
	transition: all .3s ease-out;
}
@media ( max-width: 767px ) {
	.carousel-match h2 {
		min-height: 2em;
		margin-bottom: 10px;
		font-size: 0.75em;
	}
	.carousel-match img {
		height: 50px;
	}
	.section-product .bar-collapsible {
		position: relative;
	}
	.section-product .bar-collapsible:before {
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
	.section-product .bar-collapsible.open:before {
		display: none;
	}
	.section-product .bar-collapsible:after {
		color: #000;
		content: "\f078";
		font-family: FontAwesome;
		line-height: 36px;
		opacity: 1;
		position: absolute;
		right: 20px;
		top: 0;
		transition: .3s ease-out;
	}
	.section-product .bar-collapsible.open:after {
		opacity: 0;
		pointer-events: none;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
	}
	.section-product .bar-collapsible a.btn {
		border-width: 0 1px;
		line-height: 0;
		padding-bottom: 0;
		padding-top: 0;
		-webkit-transform: rotateX(90deg);
		-mos-transform: rotateX(90deg);
		-o-transform: rotateX(90deg);
		-webkit-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
	.section-product .bar-collapsible.open a.btn,
	.section-product .bar-collapsible a.btn.selected {
		border-width: 1px;
		line-height: inherit;
		padding-bottom: 5px;
		padding-top: 5px;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
}

.sixteen-nine {
  position: relative;
}
.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.sixteen-nine > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.article-date {
	font-size: 16px;
	font-style: italic;
	display: block;
}
.article-title {
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	font-style: italic;
}
.section-description p {
	font-size: 19px;
}
.section-description ul {
	font-size: 19px;
	padding: 0 0 0 40px;
}
.section-media-photos {

}
.section-media-photos .item .thumb img {
	width: 100%;
	height: auto;
}
.section-media-photos .desc {
	color: #000;
}
.section-media-photos .desc .article-title {
	margin: 5px 0;
	font-style: normal;
}
.section-media-photos .desc .article-date {
	margin-bottom: 15px;
	font-style: italic;
}
.social-media-photos .desc {}
.social-media-photos .actions {}

.table-g {
	width:100%;
	color:#000;
}
.col-margin-push {
	margin-bottom:40px;
}
.table-g tbody tr:nth-child(even) {
	background-color:#FFF;
}
.table-g tbody tr:nth-child(odd) {
	background-color:#EBEBEB;
}
.addthis_32x32_style .at4-icon {
  border-radius:5px;
}
.section-title {
	margin:0px 0 30px 0;
	font-size:32px !important;
    color: #000;
}
.section-title.red {
	color:#db1c24;
}
.section-title a {
	color: inherit;
}

.see-more {
	font-size:18px;
  	-webkit-transition:all .25s ease-in-out;
  	-moz-transition:all .25s ease-in-out;
  	-o-transition:all .25s ease-in-out;
  	transition:all .25s ease-in-out;
}

.see-more img {
	margin:0 10px;
  	-webkit-transition:all .25s ease-in-out;
  	-moz-transition:all .25s ease-in-out;
  	-o-transition:all .25s ease-in-out;
  	transition:all .25s ease-in-out;
}

.icon-more img {
  	-webkit-transition:all .25s ease-in-out;
  	-moz-transition:all .25s ease-in-out;
  	-o-transition:all .25s ease-in-out;
  	transition:all .25s ease-in-out;
}

.see-more:hover {
	color:#000;
}

.see-more:hover img {
  	-webkit-transform:rotate(180deg);
  	-moz-transform:rotate(180deg);
  	-o-transform:rotate(180deg);
  	-ms-transform:rotate(180deg);
  	transform:rotate(180deg);
}

.hexa.gon:hover .icon-more img {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}

.small-section-padding {
	padding: 40px 0;
}

.action-bar {
	margin-top:50px;
}

.action-bar .col {
	margin-bottom:20px;
}

.g-gradient {
	position:relative;
}

.g-gradient:after {
  display:none;
  -webkit-transition:all .5s ease-in-out;
  content: "";
  display: block;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0.7;
  pointer-events: none;
  z-index:-1;
}

.g-gradient-bottom:after {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 91%, rgba(0,0,0,0.24) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(91%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.24))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 91%,rgba(0,0,0,0.24) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 91%,rgba(0,0,0,0.24) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 91%,rgba(0,0,0,0.24) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 91%,rgba(0,0,0,0.24) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3d000000',GradientType=0 ); /* IE6-9 */
}

.g-gradient-top:after {
	background: -moz-linear-gradient(top, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.24)), color-stop(9%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
/** END Gradient **/

/** Hexagon type 1 **/
.bg-t1 {
	background-image: url('../img/bg/bg-hexagon-variant-1.png');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}
/** Hexagon type 2 **/
.bg-t2 {
	background-image: l('../img/bg/bg-hexagon-variant-2.png');
	background-color: #F2F2F2;
	background-position: 50% 50%;
	background-size: cover;
}
/** Hexagon type 3 with Pattern **/
.bg-t3 {
	background-image: url('../img/bg/bg-hexagon-variant-3.png');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}
/** Hexagon type 4 with Pattern **/
.bg-t4 {
	background-image: url('../img/bg/bg-hexagon-variant-4.jpg');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}
/** Hexagon type 4 with Pattern (Lighter) **/
.bg-t5 {
	background-image: url('../img/bg/bg-hexagon-variant-5.jpg');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}
/** Dark Graphene Texture **/
.bg-d-t1 {
	background-image: url('../img/bg/bg-tech-spec-texture.jpg');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}
/** (Lighter) Dark Graphene Texture **/
.bg-d-t2 {
	background-image: url('../img/bg/bg-graphene-tex-2.jpg');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}
/** Dark Graphene Texture **/
.bg-d-t3 {
	background-image: url('../img/bg/bg-graphene-large.jpg');
	background-color: transparent;
	background-position: 50% 50%;
	background-size: cover;
}


.typegreen, .typegreen:hover, .typegreen:focus {
	color:#119b4e !important;
}
.typered, .typered:hover, .typered:focus {
	color:#db1c23 !important;
}
.typeblack {
	color:#000 !important;
}
.typewhite {
	color: #FFF !important;
}
/** New Arrow Button **/
.arrow-button {
	border: 2px solid #119b4e;
	padding: 12px 25px 13px 25px;
	border-left: 0;
	border-right: 0;
	color: #119b4e;
	font-weight: bold;
	position: relative;
	margin: 0 40px 0 0;
	font-size: 16px;
	line-height: 16px;
	font-style: italic;
	display: inline-block;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer;
	z-index: 10;
	white-space: nowrap;
}

.arrow-button.white {
	border-color: #FFF;
	color: #FFF;
}

.arrow-button:hover {
	border-color: #231F20;
	color: #231F20;
}

.arrow-button.white:hover {
	border-color: #119b4e;
	color: #119b4e;
}

.arrow-button:before, .arrow-button:after {
	content: '';
	width: 33px;
	border-bottom: solid 2px #119b4e;
	position:absolute;
	z-index: 1;
	transition:all .5s ease-in-out;
}

.arrow-button.white:before, .arrow-button.white:after {
	border-color: #FFF;
}

.arrow-button.white:hover:before, .arrow-button.white:hover:after {
	border-color: #119b4e;
}

.arrow-button:before {
	right: -28px;
	top: 9px;
	-webkit-transform: rotate(43deg);
	-moz-transform: rotate(43deg);
	-o-transform: rotate(43deg);
	-ms-transform: rotate(43deg);
	transform: rotate(43deg);
}

.arrow-button:after {
    right: -28px;
    top: 30px;
    -webkit-transform: rotate(-42deg);
    -moz-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.arrow-button:hover:before, .arrow-button:hover:after {
	border-color: #231F20;
}

.greenwhite, .greenwhite:after, .greenwhite:before { color:#119b4e; border-color:#119b4e; }
.greenwhite:hover, .greenwhite:hover:after, .greenwhite:hover:before { border-color:#FFF; color:#FFF; }

.whitegreen, .whitegreen:after, .whitegreen:before { border-color:#FFF; color:#FFF; }
.whitegreen:hover, .whitegreen:hover:after, .whitegreen:hover:before { color:#119b4e; border-color:#119b4e;}

.redwhite, .redwhite:after, .redwhite:before, .redwhite:active, .redwhite:focus { color:#e12826; border-color:#e12826; }
.redwhite:hover, .redwhite:hover:after, .redwhite:hover:before { border-color:#FFF; color:#FFF; }

/** END Arrow Button **/

/** Hexagon Clipper **/
.gon {
    width: 400px;
    height: 400px;
    background-size: 400px 400px;

    /* Text styling */
    text-align: center;
    font-family: sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    color: rgba(255,255,255,.5);
    cursor: pointer;
    -webkit-transition: color 500ms ease;
    -moz-transition: color 500ms ease;
    -o-transition: color 500ms ease;
    transition: color 500ms ease;
}

.gon:hover {
    color: #fff;
    text-shadow: none;
}

.hexa {

}

.home.hexa.gon {
	color: #FFF;
}

.home.hexa.gon.white {
	color: #FFF;
}

.home.hexa.gon .content h2 {
	letter-spacing: -.5px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}
.home.hexa.gon .content p {
	font-size: 30px;
	line-height: 35px;
	font-family: museo, serif;
	color: #FFF;
}
.home.hexa.gon .content p a {
	color: #FFF;
}
.home.hexa.gon.image {
	z-index:3;
}
.home.hexa.gon.black {
	z-index:1;
}
.home.hexa.gon.white {
	z-index:2;
}

.editorial-reviews .read-more {
	position: absolute;
	bottom: 10px;
	left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -outline-style: transform: translateX(-50%);
    transform: translateX(-50%);
}

.editorial-reviews .read-more p {
	font-style: italic;
	margin:5px;
}

/* Arrow Buttons */
/* ------------- */
.next::after, .prev::after { border-style: solid; }

/* Next Button */
/* ----------- */
.next::after {
    right: -22px;
    border-width: 11px;
    border-color: transparent transparent transparent #119b4e;
}

.next:hover::after {
    border-left-color: #119b4e;
}

/* Prev Button */
/* ----------- */
.prev::after {
    border-color: transparent #119b4e transparent transparent;
    border-width: 11px;
}

.prev:hover::after {
    border-right-color: #119b4e;
}

/* Charts */
.chart-container {
	width: 100%;
    margin: 0 auto;
    border-radius: 10px;
}

#chart-div {
	width: 100%;
	height: 500px;
}

.section-distributor .nav {
	display: none;
}

.section-distributor .section-title {
    color: #FFF;
}

.temp-title {
	display: block;
	text-align: center;
	font-size: 32px !important;
	color: #FFF;
	font-family: museo, serif;
	font-weight: bold;
}

.temp-title:hover {
	color:#119b4e;
}

/* Editorial Reviews */
/* ----------- */

.editorial-reviews {
	background: url('../img/bg/bg-hexagon-variant-3.png') 50% 50% / cover;
	min-height: 900px;
    position: relative;
}

.editorial-reviews h2 {
	font-size:24px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.editorial-reviews cite:before,
.editorial-reviews cite:after {
	content: ' - ';
}
.editorial-reviews .hexagon {
	position:absolute;
}
.editorial-reviews .hexagon.image {
	left:0px;
}


.hexa.gon.black, .hexa.gon.white, .hexa.gon.image, .editorial-reviews .see-more-container {
	position: absolute;
}
.hexa.gon.image {
	background: center no-repeat;
	background-size: cover;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-o-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	left: 15%;
	z-index: 1;
}
.hexa.gon.black {
	color: #FFF;
	-webkit-transform: translate(-50%,50%);
	-moz-transform: translate(-50%,50%);
	-o-transform: translate(-50%,50%);
	-ms-transform: translate(-50%,50%);
	transform: translate(-50%,50%);
	z-index: 3;
    left: 50%;
}
.main-hexagon.hexa.gon.black.product .hexagon-in2 {
	background: url('../img/bg/bg_hexagon.black.jpg') 50% 50% / cover;
}
.hexa.gon .content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding:0 20px;
	width: 100%;
}

.hexa.gon .content quote {
    font-size: 20px;
    line-height: 28px;
    display: block;
    font-style: italic;
    margin-bottom: 10px;
}

.hexa.gon .content cite {
    font-size:16px;
    display:block;
}

.hexa.gon .content cite:before, .hexa.gon .content cite:after {
    content: " - ";
}

.hexa.gon.white {

	color: #000;
	z-index:2;
	right: 15%;
    margin-top: 5px;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.main-hexagon.product .hexagon-in2{
	background: url('../img/bg/bg_hexagon.white.jpg') 50% 50% / cover;
}

.main-hexagon.white.product .content p {
	color:#000;
}
.editorial-reviews .see-more-container {
    bottom: 10%;
    right: 25%;
}

/** Icon Status **/
.icon-status img {
	margin-bottom:20px;
}

/** Match **/
.section-match {
	color: #FFF;
}

/** Social **/
.section-social {}
.section-social .col {
	border-right:2px solid #ebebeb;
	text-align:center;
}
.section-social .col:last-child {
	border-right:0;
}
.section-social h3 {
	font-weight:bold;
	font-size:21px;
	margin:20px 0;
	text-transform:capitalize;
	color:#000;
}

.section-social p {
	margin-bottom: 10px;
}

/** Distributor **/
.section-distributor {
	color:#FFF;
}

.section-distributor ul {
	padding:0;
}

.section-distributor ul > li:hover {
	background: none;
}

.section-distributor ul > li > a{
	transition:all .5s ease-in-out;
}

.section-distributor ul > li > a:hover {
	color:#119b4e;
}

.section-distributor ul > li > a {

}

.section-distributor ul > li > a:hover {
	background: 0;
}

.section-media-logos .thumb {
	height: 165px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

.section-media-logos .article-title {
	margin: 10px 0 20px;
}

.itire-image {
	margin-top:20%;
}

.itire-copy {
	margin-top: 40%;
	font-size: 18px;
}

/** Listing **/
.listing-title {
	margin-top:20px;
	font-size:42px;
	color:#000;
}

.item-graphene .tire.thumb,
.item-graphene .wheel.thumb {
	position:relative;
}
.item-graphene .tire.thumb:after,
.item-graphene .wheel.thumb:after {
	content:url('../img/icon/btn-graphene-listing-icon.png');
	position:absolute;
	right:15px;
	bottom:35px;
}

.item-graphene .wheel.thumb:after {
	bottom:60px;
}

/** Home **/
.titular {
	position: absolute;
	top: 25%;
	color: #FFF;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	right:0;
	margin:0 auto;
	font-size: 32px;
	font-size: 6vw;
	z-index:99;
}

.graphene-revolution {
	position:relative;
}
.stretch-link {
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
}
.stretch-link a {
	display:block;
	width:100%;
	height:100%;
}
.graphene-revolution h2 {
	position: absolute;
	top: 25%;
	color: #FFF;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	left:0;
	right:0;
	margin:0 auto;
	font-size: 32px; font-size: 6vw;
	z-index:99;
}
.graphene-revolution .read-evidence {
	position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
	z-index:101;
}
.graphene-loop {
	top:0px;
	left:0px;
	margin-bottom:-6px;
}
.hexagons-wrapper {
	position: absolute;
    top: 60%;
    z-index: 99;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align:center;
}
.section-mobile-home {
	background-image: url('../img/bg/bg-ibike-tire.jpg');
	background-position: 50% 50%;
	background-size: cover;
	background-color: transparent;
	color: #fff;
}

.section-mobile-home .img-app {
	width: 100%;
}

/** Media **/
.section-media {}
.section-media .item .thumb {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
}
.section-media .item .thumb img {
	width: 100%;
	height: auto;
}

.section-media .item .desc {
	color: #000;
}

.section-media .col {
	padding-top: 50px;
}

.selector-carousel {
}

.boxes {
	height: 400px;
	position: relative;
	padding:20px;
	color: #FFF;
	font-size:20px;
}

.boxes .actions {
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.boxes .arrow-button.white {
	margin-top:10px;
}

.no-gutter {
	padding-left:0;
	padding-right:0;
}

.bg-home-social-youtube {
	background-color: transparent;
	background-image: url('../img/bg/bg-home-instagram.jpg');
	background-position:50% 50%;
	background-size: cover;
}

.bg-home-social-twitter {
	background-color: #bfbfbf;
}

.bg-home-social-facebook {
	background-color: transparent;
	background-image: url('../img/bg/bg-home-facebook.jpg');
	background-position:50% 50%;
	background-size: cover;
}

.bg-home-social-youtube i, .bg-home-social-twitter i, .bg-home-social-facebook i {
	color: #FFF;
}

.homepage-quotes {
    min-height: 200px;
	position: relative;
}

.pre-order {
	background: transparent url('../img/img-preorder.png') no-repeat top left;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 14px;
	height: 147px;
}

.homepage-quotes .masthead-caption {
	color: #FFF;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	margin-top: 20px;
	position: relative;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.homepage-quotes .masthead-caption:before,
.homepage-quotes .masthead-caption:after {
	content: none;
	display: none;
}
.homepage-quotes .masthead-caption> h1 {
	font-size: 28px;
	margin-top: 1em;
}
.homepage-quotes .masthead-caption > h1:before,
.homepage-quotes .masthead-caption > h1:after {
	font-size: 120%;
	opacity: 0.8;
	padding: 0 .5em 0 0;
}
.homepage-quotes .masthead-caption > h1:before {
	content: '“';
	float: left;
    margin: -0.25em 0 0 -1.25em;
}
.homepage-quotes .masthead-caption > h1:after {
	content: '”';
	float: right;
    margin: 0 -1.25em 0 0;
}
.homepage-quotes .masthead-caption> h2 {
	text-align: right;
}
.homepage-quotes .masthead-caption> h2:before {
	content: '— ';
}

/*  */
.video-wrap {
	position: relative;
}
.video-wrap:after {
	content: '';
	display: block;
	padding: 0 0 56.25%;
}
.video-wrap iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.lab_item {
	width: 200px;
	height: 230px;
	position: relative;
	display: inline-block;
}

.hexagon2 {
	position: absolute;
	width: 200px;
	height: 400px;
}

.hexagon {
	overflow: hidden;
	visibility: hidden;

	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
}

.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	backface-visibility: hidden;
}

.hexagon-in2 {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.875);
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:relative;
	backface-visibility: hidden;
}

.hexagon-in2 h2 {
	font-size: 21px;
	line-height: 24px;
	color: #000;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	top: 50%;

	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	font-style:italic;
}

.hexagon-in2:hover {
	-webkit-box-shadow: inset 0 0 0 0px #B0DAD4;
	box-shadow: inset 0 0 0 0px #B0DAD4;
	background: rgba(255,255,255,1);
}


#lab article {
	padding-top: 1em;
	width: 820px;
	margin: 0 auto;
}

.main-hexagon, .main-hexagon .hexagon2 {
	width: 350px;
	height: 400px;
	position: relative;
}

.main-hexagon.hexa.gon.black,
.main-hexagon.hexa.gon.image,
.main-hexagon.hexa.gon.white {
	background:transparent;
}

.main-hexagon .hexagon-in2 {
	background-size: cover;
}

.main-hexagon .content {
	position: absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
}

.main-hexagon .content h2 {
	color:#119b4e;
}
.main-hexagon .content p {
	font-size: 30px;
	line-height: 35px;
	font-family: museo, serif;
	color: #FFF;
}

.main-hexagon .content p a {
	color:#FFF;
}

.main-hexagon .read-more p {
	color: #FFF;
}

.white-hexagon, .white-hexagon .hexagon2 {
	width: 200px;
	height: 400px
}

.main-hexagon h2 {
	font-size: 24px;
	line-height: 28px;
	letter-spacing:-.5px;
}

.lazyYT-button {
	margin:0;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

.bringtotop {
	z-index:101;
}


@media ( max-width:1280px ) {
	.masthead-caption:before {
		margin-left: -30%;
	}
	.masthead-caption:after {
		margin-left: 30%;
	}
	.vittoria-carousel .masthead-container .masthead-accompanying-image {
		max-width: 100%;
		width: auto;
	}
	.hexagons-wrapper {
		top:60%;
	}
	.lab_item {
		width:150px;
		height:180px;
	}
	.hexagon2 {
		width:150px;
		height:350px;
	}

	.main-hexagon {
		width: 350px;
		height: 400px;
	}
	.main-hexagon .hexagon2 {
		width: 350px;
		height: 400px;
	}
	.main-hexagon .hexa.gon.black {
		right:5%;
	}
	.white-hexagon, .white-hexagon .hexagon2 {
		width: 150px;
		height: 350px
	}
}

@media ( max-width: 1120px ) {
	.main-hexagon.hexa.gon.black {
		margin-top:8%;
	}
}

@media ( max-width: 1024px ) {
	.itire-copy {
		margin-top:80px;
	}
	.lazyYT-button {
		margin:0;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.homepage-quotes .masthead-caption> h1 {
		font-size: 24px;
	}
	.main-hexagon.hexa.gon.image {
		left:10%;
	}
	.main-hexagon.hexa.gon.white {
		right:10%;
	}
	.main-hexagon.hexa.gon.black {
		margin-top:11%;
	}
	.main-hexagon {
		width: 320px;
		height: 370px;
	}
	.main-hexagon .hexagon2 {
		width: 320px;
		height: 370px;
	}
	.white-hexagon, .white-hexagon .hexagon2 {
		width: 120px;
		height: 330px
	}
	.white-hexagon h2 {
		font-size:16px;
		line-height:18px;
	}
	.graphene-revolution .read-evidence {
		bottom: 20px;
	}
}

/*@media (max-width: 1015px) {
	.hexagons-wrapper {
		top:35%;
	}
	.lab_item {
		width:100px;
		height:130px;
	}
	.hexagon2 {
		width:100px;
		height:300px;
	}
	.hexagon-in2 h2 {
		font-size:12px;
		line-height:14px;
	}
	#lab {
		width: 100%;
	}
	.main-hexagon {
		width: 300px;
		height: 350px;
	}
	.main-hexagon .hexagon2 {
		width: 300px;
		height: 350px;
	}
	.main-hexagon .content h2 {
		font-size:21px;
	}
	.main-hexagon .content p {
		font-size:16px;
		line-height:18px;
	}
}*/

@media ( max-width: 767px ) {
	.homepage-quotes .masthead-caption > h1 {
		font-size: 14px;
	}
	.homepage-quotes .masthead-caption > h2 {
		font-size: 12px;
	}
	.section-social-home .no-gutter {
		padding-left:15px;
		padding-right:15px;
	}
	.section-distributor.home .section-title {
		display:none;
	}
	.section-distributor.home .temp-title {
		display:block;
	}
	.itire-image {
		width: 50%;
		margin: 10% auto 0
	}

	.boxes .arrow-button {
		min-width: 0;
	}
	.itire-copy {
		margin-top:80px;
	}
	.bar-wrapper {
		margin: 0 auto;
		min-width: 250px;
		overflow: hidden;
		width: 50%;
	}
	.masthead-container .caption p {
		display:none;
	}
	.bar-wrapper a {
		display: block;
		text-align: left;
	}
	.bar-wrapper a:after {
		content:'bob';
	}
    .section-distributor .nav > li {
        font-size: 19px;
    }
    .section-distributor .nav > li > a {
        color: #FFF;
    }
    .section-distributor .nav > li > a:focus {
        background: transparent;
    }
    .section-title {
        font-size: 32px;
    }
    .arrow-button {
        min-width: 220px;
    }
    .masthead-caption:before {
        content: ''
    }
    .masthead-caption:after {
        content: ''
    }
    .chart-container {
    	display:none;
    }
    .section-distributor .nav {
    	display: block;
    }
    .section-description p {
    	font-size: 16px;
    }
    .section-description ul {
    	font-size: 16px;
    	padding: 0 0 0 20px;
    }
    .masthead-caption {
    	padding: 5px 20%;
    }
    .masthead-caption > h1 { font-size:16px; }
    .masthead-caption > h2 { font-size:14px; }

    .editorial-reviews .hexa.gon.black, .editorial-reviews .hexa.gon.white, .editorial-reviews .hexa.gon.image {
		display:block;
		float: none;
		left: 0;
		right: 0;
		margin: 0 auto;
        position: relative;
		-webkit-transform: translate(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
    }
    .editorial-reviews .hexa.gon.image {
        z-index: 1;
    }
    .editorial-reviews .hexa.gon.black {
        margin-top: -20px;
        z-index: 2;
    }
    .editorial-reviews .hexa.gon.white {
        margin-top: -20px;
        z-index: 3;
    }
    .section-social .col {
    	border-right:0;
    	text-align:left;
    	margin-bottom:10px;
    }
    .section-social .col h3 {
    	text-align:left;
    	margin-top:0;
    	margin-bottom:10px;
    }
    .vittoria-carousel .masthead-container h2 {
    	font-size:18px;
    }
    .vittoria-carousel .masthead-container p {
    	font-size:14px;
		line-height:21px;
    }
    .vittoria-carousel .masthead-container .masthead-accompanying-image {
      width:auto;
      height:40px;
    }
    .listing-title {
        font-size:24px;
    }
    .editorial-reviews .see-more-container {
        position: relative;
        margin: 0 auto;
        text-align: center;
        right: auto;
        left: auto;
        bottom: auto;
    }
	.section-social-home .no-gutter {
		padding-left:15px;
		padding-right:15px;
	}
	.main-hexagon {
		width: 350px;
		height: 400px;
	}
	.main-hexagon .hexagon2 {
		width: 350px;
		height: 400px;
	}
	.white-hexagon, .white-hexagon .hexagon2 {
		width:110px;
		height:130px;
	}
	.white-hexagon h2 {
		font-size:16px;
	}
}

@media (max-width:680px) {
	.graphene-revolution {
		height: 550px;
	}
	.graphene-loop,
	.graphene-loop video {
		height: 100%;
	}
	.graphene-loop video {
		object-fit: fill;
		background-color: white;
		background-blend-mode: screen;
	}
	.white-hexagon, .white-hexagon .hexagon2 {
		width:100px;
		height:120px;
	}
	.white-hexagon h2 {
		font-size:14px;
	}
}

@media (max-width: 640px) {
	.graphene-revolution .section-title {
		top:10%;
	}
	#lab article {
		width: 405px;
	}
	.carousel-match img {
		height:40px;
	}
	.hexagons-wrapper {
		top:55%;
	}
	.main-hexagon {
		width: 350px;
		height: 400px;
	}
	.main-hexagon .hexagon2 {
		width: 350px;
		height: 400px;
	}
	.graphene-revolution .read-evidence {
		bottom: 20px;
	}
}

@media (max-width: 450px) {
	.graphene-revolution .title {
		top:20%;
	}
	#lab article {
		width: 300px;
	}
	.item-graphene .tire.thumb:after,
	.item-graphene .tire.wheel:after {
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-o-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
		right:0px;
	}
}

@media (max-width: 320px) {
	.main-hexagon {
		width: 300px;
		height: 350px;
	}
	.main-hexagon .hexagon2 {
		width: 300px;
		height: 350px;
	}
	.main-hexagon .content h2 {
		color:#119b4e;
		font-size:18px;
	}
	.main-hexagon .content p {
		font-size: 20px;
		line-height: 25px;
		font-family: museo, serif;
		color: #FFF;
	}
	.bg-home-social-twitter p {
		font-size:16px;
	}
}