/* ---------------------------------------------------------------------------------------------------- */
/* Typefaces */


@font-face {
    font-family: 'HelveticaRegular';
    src: url('../fonts/helr45w.eot');
    src: url('../fonts/helr45w.eot') format('embedded-opentype'),
         url('../fonts/helr45w.woff2') format('woff2'),
         url('../fonts/helr45w.woff') format('woff'),
         url('../fonts/helr45w.ttf') format('truetype'),
         url('../fonts/helr45w.svg#HelveticaRegular') format('svg');
}

@font-face {
    font-family: 'HelveticaNarrowRegular';
    src: url('../fonts/helr47w.eot');
    src: url('../fonts/helr47w.eot') format('embedded-opentype'),
         url('../fonts/helr47w.woff2') format('woff2'),
         url('../fonts/helr47w.woff') format('woff'),
         url('../fonts/helr47w.ttf') format('truetype'),
         url('../fonts/helr47w.svg#HelveticaNarrowRegular') format('svg');
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/helr65w.eot');
    src: url('../fonts/helr65w.eot') format('embedded-opentype'),
         url('../fonts/helr65w.woff2') format('woff2'),
         url('../fonts/helr65w.woff') format('woff'),
         url('../fonts/helr65w.ttf') format('truetype'),
         url('../fonts/helr65w.svg#HelveticaBold') format('svg');
}

@font-face {
    font-family: 'HelveticaNarrowBold';
    src: url('../fonts/helr67w.eot');
    src: url('../fonts/helr67w.eot') format('embedded-opentype'),
         url('../fonts/helr67w.woff2') format('woff2'),
         url('../fonts/helr67w.woff') format('woff'),
         url('../fonts/helr67w.ttf') format('truetype'),
         url('../fonts/helr67w.svg#HelveticaNarrowBold') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStdIt';
    src: url('../fonts/HelveticaNeueLTStdIt.eot');
    src: url('../fonts/HelveticaNeueLTStdIt.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueLTStdIt.woff2') format('woff2'),
         url('../fonts/HelveticaNeueLTStdIt.woff') format('woff'),
         url('../fonts/HelveticaNeueLTStdIt.ttf') format('truetype'),
         url('../fonts/HelveticaNeueLTStdIt.svg#HelveticaNeueLTStdIt') format('svg');
}


/* ---------------------------------------------------------------------------------------------------- */
/* Reset */

:focus { outline:0; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
blockquote, q { quotes:'' ''; }

/* ---------------------------------------------------------------------------------------------------- */
/* Type */

body {
  padding-top: 70px;
}

em { font-style:italic; }
strong { font-weight:bold; }

a { text-decoration:underline; color:#606060; }
a:visited { color:#606060; }
a:hover { color:#d92b2b; }
a:active { color:#d92b2b; }

a, a:hover, a:active, a:focus, a:visited,
input, input:hover, input:active, input:focus { transition:all 250ms ease; }

ul { list-style:disc outside; }
ol { list-style:decimal outside; }


/* =================== 
 Navbar
=================== */

.navbar-default {
	background: rgb(196,196,196); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,196,196,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(196,196,196,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	
	
	border-color: #fff;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.35);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.35);
}

.navbar-default ul li a {
	color: #00673a !important;
	
}

.navbar-default ul li a:hover, .navbar-default ul li a.selected {
	background: rgba(232,232,232,1) !important;
	color: #00673a !important;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	 background: none !important;
	; 
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border:none!important;
	border-radius: 4px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

ul.dropdown-menu li {
	background: rgba(255, 255, 255, .85) !important;
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	width: 100%;
	border: none!important;
}

ul.dropdown-menu li a:hover {
	background-color: rgba(0, 103, 58, .85) !important;
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	width: 100%;
	color: #fff !important;
	border: none!important;
}

/* =================== 
 Homepage
=================== */

#gogreen_intro {
	background: #fff;
	height: 100vh;
	text-align: left;
}

#gogreen_logo_homepage img {
	width: 100%;
	max-width: 390px;
	margin-top: 30px;
	margin-bottom: 50px;
}

#gogreen_intro h1 {
	font-family: 'HelveticaRegular';
	color: #026734;
	font-size: 25px;
	margin-top: 50px;
	float: left;
	width: 100%;
}

#gogreen_intro h2 {
	font-family: 'HelveticaRegular';
	color: #026734;
	font-size: 22px;
	margin-top: 0px;
	float: left;
	width: 100%;
}

#gogreen_intro h3 {
	font-family: 'HelveticaRegular';
	color: #026734;
	font-size: 20px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.gogreen_intro_highlights {
	text-align: center;
}

.gogreen_intro_highlights img {
	width: 100%;
	max-width: 240px;
}

.separador_folhas {
	background: url('../images/separador_folhas.png') repeat-x;
	height: 30px;
	margin-top: 25px;
	margin-bottom: 25px;
}


/* =================== 
 Go Green - Apresentação
=================== */

#gogreen_apresentacao {
	background: #95c120;
	min-height: 600px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#gogreen_apresentacao h1 {
	font-family: 'HelveticaRegular';
	color: #3c3c3b;
	font-size: 40px;
	margin-top: 20px;
	margin-bottom: 40px !important;
	float: left;
	text-align: center;
	width: 100%;
}

#gogreen_apresentacao h1 span {
	font-family: 'HelveticaBold';
}

#gogreen_apresentacao h2 {
	font-family: 'HelveticaRegular';
	color: #fff;
	font-size: 25px;
	float: left;
	margin-bottom: 10px !important;
}

#gogreen_apresentacao p {
	font-family: 'HelveticaRegular';
	color: #fff;
	font-size: 16px;
}

#gogreen_apresentacao hr {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	width: 100% !important;
	border: none;
	height: 2px;
	margin: 15px auto 15px auto;
}

.gogreen_caracteristicas {
	text-align: center;
	width: 100%;
	margin: 25px 0px 25px 0px;
}

.gogreen_caracteristicas h2 {
	font-family: 'HelveticaRegular';
	color: #3c3c3b !important;
	font-size: 30px !important;
	float: none !important;
	margin-bottom: 30px !important;
}

.gogreen_caracteristicas hr {
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	width: 100% !important;
	border: none;
	height: 2px;
	margin: 15px auto 15px auto;
}

.gogreen_caracteristicas img {
	margin: 10px auto 0px auto;
	max-width: 130px;
}

.gogreen_caracteristicas h3 {
	font-family: 'HelveticaRegular';
	color: #fff;
	font-size: 23px !important;
	text-align: left;
}

.gogreen_caracteristicas p {
	font-family: 'HelveticaRegular';
	color: #fff;
	font-size: 14px !important;
	text-align: left;
}

.gogreen_txt {
	font-family: 'HelveticaBold';
	color: #3c3c3b;
}


/* =================== 
 Go Green - Curiosidades
=================== */

#gogreen_curiosidades {
	min-height: 600px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#gogreen_curiosidades h1 {
	font-family: 'HelveticaRegular';
	color: #3c3c3b;
	font-size: 40px;
	margin-top: 20px;
	margin-bottom: 40px !important;
	float: left;
	text-align: center;
	width: 100%;
}	

#gogreen_curiosidades img {
	width: 100%;
	max-width: 585px;

}


/* =================== 
 Go Green - Produtos
=================== */

.gogreen_produtos {
	background: #fff;
	min-height: 600px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.gogreen_produtos_titulo img {width:100%; max-width: 300px;}

.gogreen_produtos_titulo h1 {
	font-family: 'HelveticaRegular';
	text-transform: uppercase;
	color: #fed480;
	font-size: 30px;
	margin-top: 55px !important;
	float: left;
}

.gogreen_produtos_titulo h2 {
	font-family: 'HelveticaRegular';
	text-transform: none;
	color: #fed480;
	font-size: 18px;
	margin-top: 0px !important;
	float: left;
}

.gogreen_produtos_titulo img {
	float: right;
}

#gogreen_melhor_sono {background: url("../images/gogreen_melhor_sono_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_melhor_sono_info h1 {color:#8c3088;}
.gogreen_melhor_sono_info h2 {color:#8c3088;}
.gogreen_melhor_sono_info li {background: url('../images/gogreen_melhor_sono_bullet.png') no-repeat left top;}
.gogreen_melhor_sono_info hr {background-color:#8c3088; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_ossos_fortes {background: url("../images/gogreen_ossos_fortes_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_ossos_fortes_info h1 {color:#8fbf46;}
.gogreen_ossos_fortes_info h2 {color:#8fbf46;}
.gogreen_ossos_fortes_info li {background: url('../images/gogreen_ossos_fortes_bullet.png') no-repeat left top;}
.gogreen_ossos_fortes_info hr {background-color:#8fbf46; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_menos_peso {background: url("../images/gogreen_menos_peso_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_menos_peso_info h1 {color:#1e93aa;}
.gogreen_menos_peso_info h2 {color:#1e93aa;}
.gogreen_menos_peso_info li {background: url('../images/gogreen_menos_peso_bullet.png') no-repeat left top;}
.gogreen_menos_peso_info hr {background-color:#1e93aa; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_protecao_antioxidante {background: url("../images/gogreen_protecao_antioxidante_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_protecao_antioxidante_info h1 {color:#ea5c2c;}
.gogreen_protecao_antioxidante_info h2 {color:#ea5c2c;}
.gogreen_protecao_antioxidante_info li {background: url('../images/gogreen_protecao_antioxidante_bullet.png') no-repeat left top;}
.gogreen_protecao_antioxidante_info hr {background-color:#ea5c2c; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_mais_energia {background: url("../images/gogreen_mais_energia_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_mais_energia_info h1 {color:#5eb88c;}
.gogreen_mais_energia_info h2 {color:#5eb88c;}
.gogreen_mais_energia_info li {background: url('../images/gogreen_mais_energia_bullet.png') no-repeat left top;}
.gogreen_mais_energia_info hr {background-color:#5eb88c; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_cabelo_pele_unhas_jovens {background: url("../images/gogreen_cabelo_pele_unhas_jovens_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_cabelo_pele_unhas_jovens_info h1 {color:#ec7faf;}
.gogreen_cabelo_pele_unhas_jovens_info h2 {color:#ec7faf;}
.gogreen_cabelo_pele_unhas_jovens_info li {background: url('../images/gogreen_cabelo_pele_unhas_jovens_bullet.png') no-repeat left top;}
.gogreen_cabelo_pele_unhas_jovens_info hr {background-color:#ec7faf; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_bem_estar_digestivo {background: url("../images/gogreen_bem_estar_digestivo_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_bem_estar_digestivo_info h1 {color:#d13775;}
.gogreen_bem_estar_digestivo_info h2 {color:#d13775;}
.gogreen_bem_estar_digestivo_info li {background: url('../images/gogreen_bem_estar_digestivo_bullet.png') no-repeat left top;}
.gogreen_bem_estar_digestivo_info hr {background-color:#d13775; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_reforco_imunitario {background: url("../images/gogreen_reforco_imunitario_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_reforco_imunitario_info h1 {color:#1f6e9d;}
.gogreen_reforco_imunitario_info h2 {color:#1f6e9d;}
.gogreen_reforco_imunitario_info li {background: url('../images/gogreen_reforco_imunitario_bullet.png') no-repeat left top;}
.gogreen_reforco_imunitario_info hr {background-color:#1f6e9d; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_melhor_visao {background: url("../images/gogreen_melhor_visao_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_melhor_visao_info h1 {color:#d6212e;}
.gogreen_melhor_visao_info h2 {color:#d6212e;}
.gogreen_melhor_visao_info li {background: url('../images/gogreen_melhor_visao_bullet.png') no-repeat left top;}
.gogreen_melhor_visao_info hr {background-color:#d6212e; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_circulacao_sanguinea {background: url("../images/gogreen_circulacao_sanguinea_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_circulacao_sanguinea_info h1 {color:#6e1610;}
.gogreen_circulacao_sanguinea_info h2 {color:#6e1610;}
.gogreen_circulacao_sanguinea_info li {background: url('../images/gogreen_circulacao_sanguinea_bullet.png') no-repeat left top;}
.gogreen_circulacao_sanguinea_info hr {background-color:#6e1610; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_controlo_acucares {background: url("../images/gogreen_controlo_acucares_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_controlo_acucares_info h1 {color:#573881;}
.gogreen_controlo_acucares_info h2 {color:#573881;}
.gogreen_controlo_acucares_info li {background: url('../images/gogreen_controlo_acucares_bullet.png') no-repeat left top;}
.gogreen_controlo_acucares_info hr {background-color:#573881; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_controlo_colesterol {background: url("../images/gogreen_controlo_colesterol_bg.png") center repeat-x; margin-top: 50px;}
.gogreen_controlo_colesterol_info h1 {color:#0e6b3c;}
.gogreen_controlo_colesterol_info h2 {color:#0e6b3c;}
.gogreen_controlo_colesterol_info li {background: url('../images/gogreen_controlo_colesterol_bullet.png') no-repeat left top;}
.gogreen_controlo_colesterol_info hr {background-color:#0e6b3c; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}

#gogreen_reforco_hepatico {background: url("../images/gogreen_reforco_hepatico_bg.png") center repeat-x; margin-top: 50px;}
#gogreen_reforco_hepatico.gogreen_produtos_titulo h1 {color:#b4975a;}
#gogreen_reforco_hepatico.gogreen_produtos_titulo h2 {color:#b4975a;}
.gogreen_reforco_hepatico_info h1 {color:#b4975a;}
.gogreen_reforco_hepatico_info h2 {color:#b4975a;}
.gogreen_reforco_hepatico_info li {background: url('../images/gogreen_reforco_hepatico_bullet.png') no-repeat left top;}
.gogreen_reforco_hepatico_info hr {background-color:#b4975a; width: 100%; height: 2px; border: none; margin: 25px 0px 25px 0px; float: left;}


.gogreen_produtos_info h1 {
	font-family: 'HelveticaRegular';
	font-size: 26px;
	float: left;
	margin-bottom: 10px !important;
	width: 100%;
}

.gogreen_produtos_info h2 {
	font-family: 'HelveticaRegular';
	font-size: 22px;
	float: left;
	margin-bottom: 10px !important;
	width: 100%;
}

.gogreen_produtos_info_intro h2 {
	font-size: 18px;
}

.gogreen_produtos_info ul {
	font-family: 'HelveticaRegular';
	font-size: 16px;
	float: left;
	list-style-type: none;
	padding-left: 10px;
}

.gogreen_produtos_info li {
	padding-left: 22px;
}

.gogreen_produtos_info p {
	font-family: 'HelveticaRegular';
	font-size: 14px;
	float: left;
	width: 100%;
}

.txt_bold {
	font-family: 'HelveticaBold';
}

table.composicao td {
	padding: 3px;
}

.txt_italic {
	font-family: "HelveticaNeueLTStdIt";
}

table.composicao td.titRight {
	font-family: 'HelveticaBold';
	text-align: right;
	font-size: 12px !important;
}

table.composicao td.titLeft {
	font-family: 'HelveticaBold';
	text-align: left;
	font-size: 12px !important;
}

table.composicao td.titCenter {
	font-family: 'HelveticaBold';
	text-align: center;
	font-size: 12px;
}

table.composicao td.linha_02 {
	text-align: center;
}

/* =================== 
 Go Green - Contactos
=================== */

#gogreen_contactos {
	background: #95c120;
	padding-top: 50px;
	padding-bottom: 50px;
}

#gogreen_contactos h1 {
	font-family: 'HelveticaRegular';
	color: #3c3c3b;
	font-size: 40px;
	margin-top: 20px;
	margin-bottom: 40px !important;
	float: left;
	text-align: center;
	width: 100%;
}

#gogreen_contactos p {
	font-family: 'HelveticaRegular';
	color: #fff;
}

#gogreen_contactos a {
	font-family: 'HelveticaRegular';
	color: #fff;
	text-decoration: underline;
}

#gogreen_contactos a:hover {
	font-family: 'HelveticaRegular';
	color: #fff;
	text-decoration: underline;
}

ul.caracteristicas_produto {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

ul.caracteristicas_produto li {
	list-style-type: none;
	display: inline;
	background:none;
	padding-left: 0px;
}

.nova_referencia_img {
	position: absolute;
	max-width: 90px !important;
	float: none!important;
	bottom: -42px;
	left: 63px;
}





/* ---------------------------------------------------------------------------------------------------- */
/* Navigation */

.nav { }

.nav_onpage { float:left; }
.nav_offsite { float:right; }

.nav ul { margin:0 -1.00em; }
.nav li { margin:0  0.50em; float:left; }

.nav a
{
	display:block;
	text-decoration:none;
}

.nav_item_text a {
	font-size: 13px;
	padding: 17px 10px 17px 10px;
	color: #3c3a39;
}

.nav_item_text a:hover {
	color: #ffffff;
	background-color: #c5a56f;
}

.nav_item_text a.activo {
	color: #ffffff;
	background-color: #c5a56f;
}

#language_select ul {
	float: right;
	margin-top: 17px !important;
}

#language_select li {
	display: inline;
	font-size: 11px;
}

#language_select li a {
	color: #3c3a39;
	text-decoration: none;
	padding: 6px 5px 3px 5px;
}

#language_select li a:hover, #language_select li a.activo {
	color: #ffffff;
	background-color: #c5a56f;
	text-decoration: none;
	
}

#language_select li:nth-child(n+2):before {
	content: "|";
	padding-left: 0px;
	padding-right:5px;
	color: #999;
}

.scroolnav_arrow {
	position: absolute;
	z-index: 50;
	text-align: center;
	left: 0px;
	bottom: 15px;
	width: 100%;
}

@media screen and ( max-width:40em )
{
	.longtext { display:none; }
}

@media screen and ( max-width:30em )
{
	.longtext { display:inline; }

	.nav { float:none; font-size:1.5em; }

	.nav ul { margin:0; text-align:center; }
	.nav li { margin:0; float:none; display:inline-block; }

	.nav .nav_item_text { margin:0 0.25em; }
	.nav .nav_item_button { display:block; float:none; clear:both; }

	.nav a { padding:1em 0; text-align:center; }

}

@media screen and ( min-width:1200px ) {
	
	.content_tnec .tnec_img_02 {
		margin-left: 300px;
	}
	
}


/* ---------------------------------------------------------------------------------------------------- */
/* Effects */

.effects
{
	margin:-0.75em !important;
}

.effect
{
	width:50%;
	border:0.75em solid white;
	float:left;
	background:rgba(0,0,0,0.065);
}

.effect_box
{
	display:block;
	width:100%; height:0;
	padding:0 0 100% 0;
}

.effect_box_opacity   { background:#606060; }
.effect_box_scale     { background:#2b82d9; }
.effect_box_rotate    { background:#d92b2b; }
.effect_box_translate { background:#93ca3a; }

@media screen and ( max-width:50em )
{
	.effect { width:25%; }
}

@media screen and ( max-width:30em )
{
	.effect { width:50%; }
}

/* ---------------------------------------------------------------------------------------------------- */