/*
=====================================================================
*   Kreative v1.0.1 Layout Stylesheet
*   url: styleshout.com
*   03-05-2014
=====================================================================

   TOC:
   a. Common Styles
   b. Header Styles
   b1. Login Styles
   b2. Register Styles
   b3. Reset Password Styles
   b4. Share Styles
   c. Intro Section
   d. Services
   e. Postfolio
   f. Journal
   g. About
   h. Call-to-Action
   i. Map
   j. Contact
   k. Blog Post
   l. Blog Entries
   m. Story
   n. Representatives and distributors
   o. Activity
   p. Footer Styles
   q. Media Queries

===================================================================== */



/*
****************************VideoTest*********************************/

.video-box {
    display: inline-block;
	width: 50%;
	float: left;
	padding-right: 10px;
}
.size {
    width: 100%;
    height: auto;
}
.logoVideo {
    width: auto;
    height: 35px;
}

.box-right{
	display: inline-block;
	width: 22%;
    /*height: 500px;*/
	float: right;
	padding: 20px;
    text-align: left;
    /*overflow: auto;
    overflow-style: scrollbar;*/

    border: 2px solid #d0d0d0;
    border-radius: 5px;
}

/*.box-right::-webkit-scrollbar { width:10px; background:#f0f0f0; }  configurando scroll 
.box-right::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }
.box-right::-webkit-scrollbar-thumb { border-radius:10px; background:#909090;  }*/

.imgTitulo {
    height: 12px;
}
.fontTitulo {
    font: 8pt/10px opensans-bold, sans-serif;
    font-weight: bold;
}
.font {
    font: 8pt/10px opensans-regular, sans-serif;
}
.sizefont {
    width: 100%;
    height: 127px;
}
/*******************************EndTest*******************************
                                                                    */


/* ================================================================== */

/* a. Common Styles

/* ================================================================== */

.section-head h2 { font: 30px/42px montserrat-bold, sans-serif; font-weight: bold; }
.desc { font: 14px/24px opensans-regular, sans-serif; }
.intro { font: 20px/36px opensans-light, sans-serif; }

/* Left clearing for flexible columns - columns that changes width in
different screen sizes. Makes columns with different heights align
properly.
--------------------------------------------------------------------- */
.first { clear: left; }   /* first column in default screen */
.m-first { clear: none; } /* first column in medium size screens */

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus  { outline: none; }
.slides, .flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.slides li { margin: 0; }

/* Necessary Styles */
.flexslider {
   position: relative;
   zoom: 1;
   margin: 0;
   padding: 0;
   z-index: 9999;
}
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container { zoom: 1; position: relative; }

/* Clearfix for .slides */
.slides:before,
.slides:after {
    content: " ";
    display: table;
}
.slides:after {
    clear: both;
}

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: visible;
    background: white url(../images/gif/Prodty.gif) no-repeat center center;
    background-size: 300px;
 }
 
 #preloaderTXT {
    position: absolute;
    left: 53%;
    top: 55%;
    color: black;
    font-style: italic;
 }

#content {
    display: none;
}

/* ================================================================== */

/* b. Header Styles

/* ================================================================== */

/**************************Header********************************/
header {
   height: 100px;
   width: 100%;
   z-index: 99997;
   background: #d8d8d8;

   position: fixed;
   top: 0;
   left: 0;
   border-bottom: #cecece;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}
header.static {
   background: #232629;
   position: static;
}

/* header logo */
header .logo {
   position: relative;
   height: 54px;
   width: 150px;
   float: left;
}

#fake-header{
    background-color: white;
    height: 110px;
    position: absolute;
    border-bottom-width: 0px;
}

#box-shadow{
    box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.2);
}

/*no break row*/
#nobr {
    white-space:nowrap;
}

/*************Primeira Navegação*************/

.toppermenu{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    padding-left: 18px;
    padding-right: 18px;
}

.topmenu{
    height: 25px;
    float: right;
}

.topmenu img{
    height: 14px;    
}

.topmenu ul li a, .topmenu ul li span {
    line-height: 25px;
    padding-left: 10px;    
    border: none;
    outline: none;
    text-decoration: none;
    text-align: left;
    color: #000;
    font-family: opensans-regular, sans-serif;
    font-size: 11px;
    cursor: pointer;
    
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.topmenu ul li a:hover, .topmenu ul li span:hover{
    border: none;
    outline: none;
    text-decoration: none;
    text-align: left;
    color: #196334;
    
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#first{
    padding-left: 0px;
}

#iconTopMenu{
    font-size: 14px;
    padding-right: 5px;
    vertical-align: sub;
}

.logoProdty{
    max-width: 206%;
    width: 167px;
    float: left;
    margin-top: -23px;
}

.logoPronitro{
    height: 26px; 
    vertical-align: sub;
}

/************Menu************/
.dropdown-content {    
    display: none;
    position: absolute;
    background-color: #dddddd;
    min-width: 260px;
    box-shadow: 8px 8px 18px 1px rgba(0,0,0,0.2);
    z-index: 1;

    
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/**ASP.NET**/
li.dynamic {
    white-space:nowrap;
    word-spacing:normal;
    color: #000000;
}

a.level2:hover {
    background: linear-gradient( to left, #144D29, #144D29);
    background-size: 5px;
    background-repeat: repeat-y;
    color: #144c29;
}

a.level2 {
    color: #000000;
}

a.nav {
    color: #000000;
}

/******* nav-wrap*******/

#nav-wrap ul, #nav-wrap li, #nav-wrap a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;        
        
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#nav-wrap {
   position: relative;
   font: 13px opensans-regular, sans-serif;
   float: right;
}

#nav-wrap > a { display: none; }

ul#nav li a {
   display: block;
   padding: 0 10px;
   line-height: 51px;
   text-decoration: none;
   text-align: left;
   cursor: default;

	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

ul.level1 li a:active { background-color: transparent !important; }
ul.level1 li:hover a.nav, 
ul.level1 li.active a { 
    color: #144c29;
    background: url(../images/bg-navBar.png) repeat-x;
}

/*******************************End Header***************************************/


/* ================================================================== */

/* b1. Login Styles

/* ================================================================== */

#login{
	display: block;
	position: relative;
	z-index: 99999;	
    float:right;
    margin-top:-50px;
	max-height: 300px;
	max-width: 200px;
	background-color: #d8d8d8;
	box-shadow: 1px 1px 4px black;
	padding:15px;


	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#UcLogon_btnLogin {
    font: 13px/100% montserrat-bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: white;
	background: #144c29;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 0px;
	width: 100%;
	height: auto;
	border: none;
	cursor: pointer;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#login #UcLogon_txtLogin,
#UcLogon_txtSenha {
	text-align: center;
    padding: 12px 20px;
    color: black;
    background: #d0d0d0;
    outline: none;
    border: 0;
    font-size: 12px;
    padding: 8px;
    float: none;
    display: block;
    margin: 0 auto 14px auto;
    vertical-align: middle;
    min-width: 100%;
    line-height: 14px;
}

#login p{
    margin-top: 10px;
	font: 20px/16px opensans-light, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
    margin-bottom: 5px;
}

#login p a{
	text-decoration: none;
	color: #144c29;
	cursor: pointer;
}

#iconLog {
    font-size: 30px;
    padding-right: 5px;
    vertical-align: sub;
    margin-bottom: 15px;
}

#lblLog {
    line-height: 15px;   
    border: none;
    outline: none;
    text-decoration: none;
    text-align: left;
    color: #000;
    font-family: opensans-regular, sans-serif;
    font-size: 20px;
}

#login span#UcLogon_lblAviso {
    font: 20px/16px opensans-light, sans-serif;
	font-size: 10px;
	color: #ff0000;
    margin: 5px auto 5px auto;
	text-align: center;
}

#login span {
    font: 11px/21px opensans-semibold, sans-serif;
	color: #a3a3a3;
}
/* ================================================================== */

/* b2. Register Styles

/* ================================================================== */

#register input, #register select{
    display: inline-block;
}

#register input[type="text"],
#register input[type="password"],
#register select {
    margin-bottom: 10px;
}

#register #fields div {
    float:left;
    margin:auto 20px;
    margin-left:0px;
}

#register label {
    white-space:pre-wrap;
    margin: 0px;
}

.img_reg {
    height: 16px;
}

#register #fields #MainContent_UcCadastro_txtNome,
#register #fields #MainContent_UcCadastro_txtCliente {
    width: 460px;
    min-width: 5px;
}

#register #MainContent_UcCadastro_txtEndereco{
	width: 515px;
	min-width:5px;
}

#register #MainContent_UcCadastro_txtEmail {
    min-width: 400px;
}

#register #MainContent_UcCadastro_txtNumero,
#register #MainContent_UcCadastro_txtEstado {
    max-width: 100px;
    min-width: 80px;
}

#register div input#MainContent_UcCadastro_btnImgPesqCep {
    min-height: 32px;
    vertical-align: middle;
    min-width: 5px;
    margin-bottom: 10px;
}

#button div input[type="submit"] {
    text-transform: uppercase;
	letter-spacing: 3px;
    width: auto;
    content:"";
    clear:both;
    float: right;
    margin-right:50px;
}

#register div select#MainContent_UcCadastro_dllMotivo {
    content:"";
    display:block;
    clear:both;
    float: left;
}

/*==================================================================

/* b3.Reset Password Styles

/*==================================================================*/

#forgetPassword {
    text-align:center;
    width: 70%;
    height: 50%;
    margin-bottom:7%;
    margin-top:3%;
    margin-left:15%;
}

#emailBox {    
    padding: 15px 15px;
}

#emailBox input#MainContent_UcEsqueciSenha_txtEmail {
    min-width:60%;
    margin-left:20%;
}

#emailBox label#lblEmail {
    margin-left:20%
}

#emailBox input[type="submit"] {
    text-transform: uppercase;
	letter-spacing: 3px;
    width: auto;
    display: inline-block;
}

/*==================================================================

/* b4.Share Styles

/*==================================================================*/

#share{			
	display: block;
	position: relative;
	max-height: auto;
	width: 240px;
	background-color: #d8d8d8;
	box-shadow: 1px 1px 4px black;
	padding:5px;
    padding-top:0px;
    float:right;
    margin-top: -50px;
    margin-right: 10%;
    
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

#share input[type="text"], #share textarea{
	text-align: center;
    color: black;
    background: #d0d0d0;
    outline: none;
    border: 0;
    font-size: 12px;
    padding: 8px;
    display: block;
    margin-bottom: 5px;
    vertical-align: middle;
    min-width: 100%;
    margin-right: 0px;
    line-height: 14px;
}

#share input[name="ctl00$UcCompartilhar$txtEmailDest"] {
    margin-bottom: 12px;
}

#share #UcCompartilhar_txtComentarios{
	text-align: left;
    min-height: 80px;
}

#share #UcCompartilhar_btnEnviar{
	font: 13px/100% montserrat-bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: white;
	background: #144c29;
	padding: 10px;
	width: 100%;
	height: auto;
	border: none;
	cursor: pointer;
    float:left;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#shareSender{
	border-top: 1px;
	border-top-style: solid;
	border-color: #a3a3a3;
	padding-top: 3px;
}

#shareSender, #shareReceiver{
	margin: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#share label, #share p, #share span{
	font: 11px/21px opensans-semibold, sans-serif;
	color: #a3a3a3;
	margin-left: 5px;
}

#share #labels label{
	margin-bottom: 10px;
    margin-top: 0px;
}

#share #UcCompartilhar_lblAviso {
    font: 20px/16px opensans-light, sans-serif;
	font-size: 10px;
	color: #ff0000;
}


/*==================================================================

/* b5.ChangePass Styles

/*==================================================================*/

.setPass {
    width:300px;
    height:500px;
    top:50%;
    left:50%;
    position: relative;  
    margin-left:-150px;
}

.setPass div {
    padding: 2px;
}

.setPass Input {
    display:inline-block;
    width: 100%;
}

.setPass span, 
.setPass input, 
.setPass img {
    margin: 5px;
}

.setPass input[type="submit"] {
	text-transform: uppercase;
	letter-spacing: 3px;
    width: auto;
    display: inline-block;
    margin-left: 22%;
}
/*
.setPass input[type="submit"]:hover {    
    background-color: #144c29;
    color: white;
}*/

.setPass #MainContent_UcTrocaSenha_lblAviso {
    color: red;
}

/* ================================================================== 

/* c. Intro Section

/* ================================================================== */

#intro {
   background: white;
   overflow: hidden;
}

/* FlexSlider Intro Slider Styles */
.slides {
   max-height: 660px;
   overflow: hidden;
}
.slider-text {
   color: #737E8C;
   text-align: center;   
}
.slider-text h2 {
/*   font: 56px/78px montserrat-regular, Sans-serif;*/
   font: 23px/33px montserrat-regular, Sans-serif;
   color: #144D29;
   text-shadow: 0px 1px 5px rgba(50, 50, 50, .5);
   padding: 0;
   margin-bottom: 15px;
   text-align: left;
   margin-left: 20px;
}
.slider-text h2 span,
.slider-text a { color: #11ABB0; }

.slider-text p {
   font: 17px/36px opensans-light, sans-serif;
   text-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
   padding: 0;
   margin: 18px 10% 0;
}

#texto{
    margin-top: 15%;
    color: white;
    font-weight: bold;
    margin-bottom: 15px;
}

.slider-background{
    background-size: 100%; 
    background-repeat: no-repeat;
    background-position-x: center;    
    background-position-y: bottom;
    padding-top: 100px;
}

#bttn-Slider{
    margin-left: 78%;
    margin-bottom: 32px;
    border-style: solid;
    background: transparent;
    padding-top: 14px;
    padding-bottom: 14px;
    color: white;
}

#bttn-Slider:hover {
    background: #144D29;
}

.divisao{
    width: 100%;
    border-top-style: solid;
    border-top-color: #d8d8d8;
    border-width: 1px;
}


#visita_virtual{
    padding-bottom: 20px;
    width: 100%;
}

#visita_virtual a{
    margin-left: 5px;
    margin-right: 5px;
}

#txt1{
    font-size: 10pt;
    color: black;
}

#txt1 b{
    font: 10pt opensans-bold, sans-serif;
}

.notasTXT {
    color: #8F95A2;
    font-size: 10pt;
    text-align: justify;
}

.notasTXT b{
    font-size: 10pt;
}

.notasTXT i{
    font-size: 13pt;
    padding-right: 5px;
    vertical-align: sub;
    color: red;
}

.pntIMG {
    height: 100px;
}

.pronitroIMG{
    text-align: center;
    margin-bottom: 10px;
}

.pronitroTXT {
    color: #6C7B8E;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 11pt;
}

#base-redonda{
    border-style: solid;
    border-width: 1px;
    border-color: #D7E4BC;
}

#base-redondaH{
    text-align: center;
    background-color: #D7E4BC;
    margin: 0;
}

/*Pg_Transfer*/
#base{
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
}

#base-H{
    text-align: center;
    background-color: #d8d8d8;
    color: #404040;
    margin: 0;
}

#base-quadrada{
    border-style: solid;
    border-width: 1px;
    border-color: #dbe5f1;
}

#base-QuadradaH {
    text-align: center;
    background-color: #dbe5f1;
    color: #3F6AA0;
    margin: 0;
}

#base-rosca{
    border-style: solid;
    border-width: 1px;
    border-color: #f0d6d5;
}

#base-roscaH {
    text-align: center;
    background-color: #f0d6d5;
    color: #C86462;
    margin: 0;
}

.btn-itens{
    text-align: center;
}

.btn-itens a{
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 60%;
    font-size: 11pt;
    background: #d8d8d8;
    color: black;
    font: 11pt sans-serif;
}

.btn-itens a:hover{
    background: #d2d2d2;
    color: #3a3a3a;
}


/* Direction Navigation
--------------------------------------------------------------- */
.flex-direction-nav a {
   display: block;
	width: 40px;
	height: 66px;
	margin: 0;
	background-color: #2D3339;
	cursor: pointer;
	z-index: 99999;
	opacity: 0;
   position: absolute;
	top: 50%;

   font: 0/0 a;
   text-shadow: none;
   color: transparent;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.flex-direction-nav a:hover { background-color: #144d29; }

.flex-direction-nav .flex-next {
	right: 0px;
	background: #2D3339 url(../images/direction-nav-right.png) no-repeat 53% 50%;
	position: absolute;
}
.flex-direction-nav .flex-prev {
	left: 0px;
	background: #2D3339 url(../images/direction-nav-left.png) no-repeat 47% 50%;
	position: absolute;
}
.flexslider:hover .flex-next,
.flexslider:hover .flex-prev { opacity: 1; }
.flex-direction-nav .flex-disabled {
   opacity: .3 !important;
   filter: alpha(opacity=30);
   cursor: default;
}

.know-more{
    max-width: 100%;
    height: auto;
}

.leia{
    /*float: right;*/
}

#p-know{
    margin-bottom: 5px;
}



/* ================================================================== */

/* d. Services

/* ================================================================== */

#services {
   background: #1b1e21 url(../images/patterns/servicesbg.png);
   padding-top: 156px;
   padding-bottom: 120px;
   color: #4E565F;
}

#services a, #services a:visited  { color: #C4C4C4; }
#services a:hover, #services a:focus { color: #11ABB0; }

#services .section-head h2 { color: #11ABB0; }
#services .section-head p.desc,
#services .section-head .intro { color: #57606B; }

.services-wrapper { margin-top: 42px; }
.services-wrapper .col {
   width: 33.33333%;
   margin-bottom: 30px;
}
.services-wrapper h2 {
   font: 16px/24px montserrat-bold, sans-serif;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: #C4C4C4;
   margin-bottom: 18px;
}
.services-wrapper p {
   font-size: 16px;
   line-height: 30px;
}
#services .services-wrapper i { margin-right: 10px; }


/* ================================================================== */

/* e. Portfolio

/* ================================================================== */

#portfolio {
   background: #f5f5f5 url(../images/patterns/grey.png);
   padding-bottom: 10px;
}
#portfolio .section-head h2 { color: #0f9095; }
#portfolio .section-head p.desc { color: #999999; }
#portfolio .section-head .intro { color: #A3A3A3; }

/* Portfolio Content */
#portfolio-wrapper { margin-top: 36px; }
#portfolio-wrapper .col {
   width: 25%;
   margin-bottom: 36px;
}

.portfolio-item .item-wrap {
   background: #fff;
   overflow: hidden;

   -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.1);
   -moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.1);
   box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.1);

   -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.portfolio-item .item-wrap a { display: block; }
.portfolio-item .item-wrap img { max-width: 100%; }
.portfolio-item .portfolio-item-meta { padding: 12px 0; }
.portfolio-item .portfolio-item-meta h5 a {
   font: 13px/24px montserrat, sans-serif;
   color: #144d29;
   text-align: center;
}

/* on hover */
.portfolio-item:hover .item-wrap { background-color: #144d29; }
.portfolio-item:hover h5 a { color: #fff !important; }


/* Reveal Modal Plugin Styles
---------------------------------------------------*/
.reveal-modal-bg {
   position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}
.reveal-modal {
   visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
   width: 600px;
	max-width: 600px;
	background: #fff;
	position: absolute;
	z-index: 101;
	padding: 0;

	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal .description-box { padding: 18px 36px; }
.reveal-modal .description-box h4 {
   font: 15px/24px montserrat-bold, sans-serif;
	margin-bottom: 18px;
   color: #111;
}
.reveal-modal .description-box p {
	font: 13px/24px opensans-regular, sans-serif;
   color: #A1A1A1;
   margin-bottom: 18px;
}
.reveal-modal .description-box .categories {
   font: 11px/24px opensans-regular, sans-serif;
   color: #A1A1A1;
   text-transform: uppercase;
   letter-spacing: 1px;
   display: block;
}
.reveal-modal .description-box .categories i {
   margin-right: 8px;
}
.reveal-modal .link-box {
   padding: 18px 36px;
   background: #111;
   text-align: left;
}
.reveal-modal .link-box a {
   color: #fff;
	font: 11px/24px opensans-regular, sans-serif;
	text-transform: uppercase;
   letter-spacing: 3px;
   cursor: pointer;
}
.reveal-modal a:hover {	color: #00CCCC; }
.reveal-modal a.close-reveal-modal { margin-left: 28px; }


/* ================================================================== */

/* f. Journal

/* ================================================================== */

#journal {
   background-color: #0f9095;
   padding-top: 156px;
   padding-bottom: 120px;
   color: #7fe6ed;
}

#journal a, #journal a:visited  { color: #fff; }
#journal a:hover, #journal a:focus { color: #005757; }

#journal .section-head h2 { color: #fff; }
#journal .section-head p.desc,
#journal .section-head .intro { color: #C2F1F5; }

#journal .blog-entries { margin-top: 54px; }
#journal .entry { margin-bottom: 12px; }

/* post header */
#journal .blog-entries .entry-header {
   position: relative;
   margin-bottom: 6px;
}
#journal .entry-header .entry-title { padding-left: 38px; }
#journal .entry-header h3 { font: 30px/42px montserrat-regular, sans-serif; }
#journal .entry-header .author-image img {
   position: absolute;
   top: 12px;
   left: 18px;
   margin: 0;
   padding: 0;
   width: 60px;
   height: 60px;

   -moz-border-radius: 100% 100% 100% 100%;
	-webkit-border-radius: 100% 100% 100% 100%;
	-khtml-border-radius: 100% 100% 100% 100%;
	border-radius: 100% 100% 100% 100%;
}

/* post meta */
#journal .entry .post-meta   {
   font: 14px/24px opensans-regular, sans-serif;
   color: #fff;
   margin-top: 12px;
   margin-bottom: 0;
}
#journal .entry .post-meta time,
#journal .entry .post-meta .dauthor {
   display: block;
}
#journal .entry .post-meta time {
   font-family: montserrat-bold, sans-serif;
   text-transform: uppercase;
   letter-spacing: 1px;
}

/* post content */
#journal .entry .post-content { padding-left: 38px; }
#journal .entry .post-content p {
   font: 16px/30px opensans-regular, sans-serif;
}
#journal .entry .post-content a.more-link {
   font: 15px/30px opensans-bold, sans-serif;
   margin-left: 3px;
}
#journal .entry .post-content a.more-link i {
   margin-left: 10px;
   font-size: 14px;
}


/* ================================================================== */

/* g. About

/* ================================================================== */

#about {
   background: #fff url(../images/patterns/grey.png);
   padding-top: 30px;
   padding-bottom: 30px;
   color: #A3A3A3;
}
#about .section-head h2,
#about h4, #about h5 { color: #144d29; }
#about .section-head p.desc { color: #999999; }
#about .section-head .intro { 
    color: #000000; 
    font-size: 12pt;
    text-align: justify;
}
#about h3 {
   font: 24px/30px montserrat-regular, sans-serif;
   margin-top: 24px;
   margin-bottom: 24px;
   color: #144D29;
}

#about .process-wrap .col { width: 25%; }
#about .team-wrap { margin-bottom: 24px; }
#about .team-wrap .col { margin-bottom: 24px; }

/* process */
#about .process-wrap h4 {
   font: 15px/24px montserrat-bold, sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;
}

/* Team Members */
#about .team-wrap h5 {
   font: 14px/24px montserrat-bold, sans-serif;
}
#about .team-wrap span {
   position: relative;
   top: -6px;
   font-size: 13px;
   line-height: 18px;
   color: #969696;
}
#about .team-wrap .member-social {
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;
   color: #969696;
   margin: 0;
   padding: 0;
}
#about .team-wrap .member-social li {
   display: inline-block;
   margin-right: 15px;
}
#about .team-wrap .member-social li a { color: #8C8C8C; }
#about .team-wrap .member-social li a:hover { color: #0f9095; }


/* Testimonials
/* ------------------------------------------------------------------ */
.testimonials { margin-top: 30px }

.testimonials .client-author {
   position: relative;
}
.testimonials .client-author img {
   height: 66px;
   width: 66px;

   -moz-border-radius: 100% 100% 100% 100%;
	-webkit-border-radius: 100% 100% 100% 100%;
	-khtml-border-radius: 100% 100% 100% 100%;
	border-radius: 100% 100% 100% 100%;
}
.testimonials .client-author .name {
   font: 14px/24px montserrat-bold, sans-serif;
   color: #0f9095;

   position: absolute;
   top: 6px;
   left: 80px;
}
.testimonials .client-author span {
   font-family: opensans-regular, sans-serif;
   line-height: 18px;
   font-size: 13px;
   color: #969696;
   display: block;
}
.testimonials .client-cite {
   font: 18px/36px opensans-light, sans-serif;
}

/* ================================================================== */

/* h. Call To Action

/* ================================================================== */

#call-to-action {
   background-color: #0f9095;
   padding-top: 60px;
   padding-bottom: 72px;
   color: #7fe6ed;
}
#call-to-action .action { margin-top: 12px; }
#call-to-action h2 {
   font: 34px/42px montserrat-bold, sans-serif;
   color: #fff;
   letter-spacing: -1px;
   margin-bottom: 3px;
}
#call-to-action h2 a { color: inherit; }
#call-to-action p { font-size: 17px; }
#call-to-action .button { background: #036569; }
#call-to-action .button:hover,
#call-to-action .button:active {
   background: #fff;
   color: #0F9095;
}
#call-to-action p span {
	font-family: opensans-semibold, sans-serif;
	color: #fff;
}


/* ================================================================== */

/* i. Map

/* ================================================================== */

#map {
   display: block;
   height: 550px;
   width: 100%;
   /*background-color: #F6F4EF;*/
   margin-bottom: 50px;
   margin-top: 20px;
}
#map img { max-width:inherit !important; }
#map .map-error {
  text-align: center;
  padding-top: 48px;
  color: #C0B491;
  font-size: 14px;
}


/* ================================================================== */

/* j. Contact

/* ================================================================== */

#contact {
   background-color: white;
   padding-top: 50px;
   padding-bottom: 20px;
   color: #000000;
}

#contact a, #contact a:visited  { color: #C4C4C4; }
#contact a:hover, #contact a:focus { color: #11ABB0; }

#contact .section-head { margin-bottom: 42px; }
#contact .section-head h2 { color: #144D29; }
#contact .section-head p.desc,
#contact .intro { color: #57606B; }
#contact p {  }

/* contact form */
#contact form { margin-bottom: 30px; }

#contact label {
   color: #144d29;
   display: inline-block;
   float: left;
   width: 22%;
}
#contact input,
#contact textarea,
#contact select {
    margin-bottom: 25px;
    border: 0;
    outline: none;
    width: 75%;
}

#contact input.submit {
	text-transform: uppercase;
	letter-spacing: 3px;
    width: auto;
    display: inline-block;
    margin-left: 22%;
    font-weight: bold;
}
/*#contact input.submit:hover {
	color: white;
	background: #1c733c;
}*/
#contact span.required {
	color: black;
	font-size: 13px;
}

#message-warning, #message-success {
   display: none;
	background: #151719;
	padding: 24px 24px;
	margin-bottom: 36px;
   width: 88%;
}
#message-warning { color: #D72828; }
#message-success { color: #11ABB0; }

.message-warning { color: #D72828; }
.message-success { color: #11ABB0; }


#message-warning i,
#message-success i {
   margin-right: 10px;
}

#image-loader {
   display: none;
   position: relative;
   left: 18px;
   top: 12px;
}

/* contact sidebar */
#contact aside h3 {
   font: 21px/30px montserrat-bold, sans-serif;
   margin-bottom: 18px;
   color: #144d29;
}


/* ================================================================== */

/* k. Blog Post

/* ================================================================== */

.post {
   background: #f5f5f5 url(../images/patterns/grey.png);
   padding-top: 120px;
   padding-bottom: 90px;
}
.post .entry-header {
   position: relative;
   width: 100%;
}
.post .entry-header h1 {
   font: 45px/60px montserrat-regular, sans-serif;
   color: #313131;
   width: 83.33333%;
   padding-right: 12%;
   float: right;
}
.post .post-meta {
   float: left;
   text-align: right;
   width: 16.66667%;
   color: #bec0c1;
   padding-right: 36px;
   font: 14px/24px opensans-regular, sans-serif;
   margin: 6px 0 6px 0;
}
.post .post-meta a,
.post .post-meta a:visited { color: #B9BBBC; }
.post .post-meta a:hover,
.post .post-meta a:focus { color: #11ABB0; }

.post .post-meta .date {
   margin-bottom: 18px;
   display: block;
}
.post .post-meta .date:before,
.post .post-meta .categories:before {
   display: block;
   font: 14px/24px opensans-bold, sans-serif;
   color: #313131;
   text-align: right;
}

.post .post-meta .date:before { content: "Published"; }
.post .post-meta .categories:before { content: "Categories"; }
.post .post-meta .categories a { display: block; }

/* hide sep */
.post .post-meta .categories .sep { display: none; }

/* post image */
.post .post-image {
  margin: 24px 0 36px 0;
  width: 100%;
}

/* post content */
.post .post-content {
   margin-bottom: 24px;
   width: 75%;
}

/* tags */
.post .post-content .tags {
  margin-top: 18px;
  font-family: opensans-light, sans-serif;
}
.post .post-content .tags a { font-family: opensans-bold, sans-serif; }

/* bio */
.post .bio {
   margin-top: 48px;
   padding-top: 29px;
   border-top: 1px solid #E0E0E0;
}
.post .bio .gravatar {
   width: 16.66667%;
   float: left;
   width: 72px;
   height: 72px;
}
.post .bio .gravatar img {
   margin-top: 12px;

   -moz-border-radius: 100% 100% 100% 100%;
	-webkit-border-radius: 100% 100% 100% 100%;
	-khtml-border-radius: 100% 100% 100% 100%;
	border-radius: 100% 100% 100% 100%;
}
.post .bio .about {
   width: 83.33333%;
   float: right;
}
.post .bio .about h5 {
   font: 16px/30px opensans-bold, sans-serif;
   margin-bottom: 6px;
}

/* post-nav */
.post .post-nav {
   margin: 24px 0;
   padding: 30px 0 0 0;
   border-top: 1px solid #E0E0E0;
   font: 16px/30px opensans-light, sans-serif;
}
.post .post-nav li {
   display: inline-block;
   margin: 0;
   padding: 0;
   width: 49%;
   line-height: 30px;
}
.post .post-nav li a { color: #a3a3a3; }
.post .post-nav li a:hover { color: #333; }
.post .post-nav li strong {
   font: 15px/30px opensans-bold, sans-serif;
   text-transform: uppercase;
   color: #11ABB0;
   letter-spacing: 1px;
   display: block;
}
.post .post-nav li.next {
   float: right;
   text-align: right;
}
.post .post-nav li.prev {
   float: left;
   text-align: left;
}

/* Comments
/* ------------------------------------------------------------------ */
#comments {
   background: #E6E8EB;
   padding-bottom: 90px;
   padding-top: 101px;
   border-top: 1px solid #E0E3E6;
}
#comments h3 {
   font: 20px/30px opensans-bold, sans-serif;
   margin-bottom: 6px;
   margin-left: 16.66667%;
   color: #313131;
}

/* Comments List */
ol.commentlist {
   border-top: 1px solid #D5D9DC;
	margin: 29px 0 54px 0;
	padding: 0;
   width: 75%;
   margin-left: 16.66667%;
}
.commentlist > li {
   position: relative;
	list-style: none;
	margin: 0;
	padding: 18px 0 17px 0;
	border-bottom: 1px solid #D5D9DC;
}
.commentlist  li .avatar {
   position: absolute;
   left: -40px;
   display: block;

   height: 50px;
   width: 50px;
}
.commentlist li .avatar img {
   margin-top: 6px;
   height: 50px;
   width: 50px;

   -moz-border-radius: 100% 100% 100% 100%;
	-webkit-border-radius: 100% 100% 100% 100%;
	-khtml-border-radius: 100% 100% 100% 100%;
	border-radius: 100% 100% 100% 100%;
}
.commentlist li .comment-info cite {
   font: 15px/30px opensans-bold, sans-serif;
   color: #454545;
}
.commentlist li .comment-info .comment-meta {
   font-size: 12px;
   line-height: 24px;
   display: block;
}
.commentlist li .comment-info .comment-meta .reply {
   font-family: opensans-semibold, sans-serif;
}
.commentlist li .comment-info .comment-meta .sep {
   margin: 0 5px;
   color: #AEB6B7;
}
.commentlist li .comment-text {
	clear: both;
	margin: 24px 0 0 0;
   padding: 0;
   line-height: 24px;
}

/* children */
.commentlist li ul.children {
   margin: 0;
   padding: 18px 0 0 0;
}
.commentlist li ul.children li {
   padding-left:  5% ;
   padding-top: 17px;
   border-top: 1px solid #D5D9DC;
}


/* comment form */
#comments form {
   margin-top: 30px;
   margin-left: 16.66667%;
}
#comments form label {
   font: 14px/24px opensans-bold, sans-serif;
	margin: 12px 0;
   color: #3d4145;
}
#comments form input,
#comments form textarea,
#comments form select {
   padding: 18px 18px;
	color: #3d4145;
	background: #CFD4D8;
	margin-bottom: 24px;
	border: 0;
	outline: none;
   font-size: 15px;
   line-height: 24px;
   width: 60%;
}
#comments form input:focus,
#comments form textarea:focus,
#comments form select:focus {
	color: #fff;
	background-color: #3d4145;
}
#comments form button.submit {
	font: 18px/30px montserrat-bold, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	color:#fff;
	background: #11ABB0;
   padding: 18px 24px;
	border: none;
   cursor: pointer;
   height: auto;
   display: block;
   margin-top: 36px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#comments form button.submit:hover { background: #3d4145; }
#comments form span.required {
	color: #11ABB0;
	font-size: 13px;
}

/* journal bottom nav */
.journal-bottom-nav {
   margin-top: 36px;
   margin-left: 16.66667%;
   padding-top: 5px;
   border-top: 1px solid #D1D6DB;
}
.bottom-nav {
    margin: 0;
    padding: 12px 0;
    font: 14px/36px opensans-bold, sans-serif;
 }
.bottom-nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.bottom-nav li i { margin-left: 5px; }
.bottom-nav li a:hover { color: #3d4145; }
.bottom-nav .sep {
   font: 16px/36px opensans-light, sans-serif;
   margin: 0 6px;
   color: #C0C7CE;
}


/* ================================================================== */

/* l. Blog Entries

/* ================================================================== */


#blog-entries {
   background: #f5f5f5 url(../images/patterns/grey.png);
   padding-bottom: 48px;
}
#blog-entries .post {
   padding-bottom: 53px;
   border-bottom: 1px solid #E0E0E0;
}
#blog-entries .post .entry-header h1 a,
#blog-entries .post .entry-header h1 a:visited { color: #313131; }
#blog-entries .post .entry-header h1 a:hover,
#blog-entries .post .entry-header h1 a:focus { color: #11ABB0; }

#blog-entries .post .post-content p {
  font: 20px/36px opensans-light, sans-serif;
}

/* more link */
#blog-entries .post-content a.more-link {
   font: 14px/30px opensans-bold, sans-serif;
   margin-top: 18px;
   padding: 6px 18px;
   background: #838A91;
   color: #fff;
   display: inline-block;

   -webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;

   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -khtml-border-radius: 2px;
	border-radius: 2px;
}
#blog-entries .post-content a.more-link:hover { background: #11ABB0; }
#blog-entries .post-content a.more-link i { margin-left: 10px; }

/* Pagination */
.pagination { margin: 36px auto 12px auto; }
.pagination ul li {
   display: inline-block;
   margin: 0;
   padding: 0;
}

/* bottom-block */
#bottom-block {
   background: #E6E8EB;
   padding-top: 24px;
   padding-bottom: 30px;
   border-top: 1px solid #E0E0E0;
}
#bottom-block .blog-categories {
   font: 13px/30px opensans-semibold, sans-serif;
   margin: 0;
   padding: 0;
}
#bottom-block .blog-categories li {
   display: inline;
   margin-right: 15px;
}
#bottom-block .blog-categories li.current a { color: #11ABB0; }
#bottom-block .blog-categories a { color: #A0A6AB; }
#bottom-block .blog-categories a:hover { color: #5B6167; }

#bottom-block .back-to-top { text-align: right; }
#bottom-block .back-to-top a i { margin-left: 6px; }
#bottom-block .back-to-top a {
   font: 14px/30px opensans-bold, sans-serif;
   color: #11ABB0;
}

/* ================================================================== */

/* m. Story */

/* ==================================================================*/

.image-prodty{
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width: 600px;
	height: auto;
	box-shadow: 1px 1px 4px black;
    padding: 0;
    float: none;

    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#story {
	color: black;
	text-align: justify;
}

#story p {
    font: 20px/36px opensans-light, sans-serif;
    font-size: 12pt;
}

#story ul {
    display: block;
    list-style-type: disc;
    font: 20px/36px opensans-light, sans-serif;
    font-size: 12pt;
    padding-left: 60px;
}

/* ================================================================== */

/* n. Representatives and distributors */

/* ================================================================== */

.rdMatri {
    display: block;
    position: relative;
    width: 300px;
    height: auto;
    padding: 10px;
    text-align: center;
    border: 1px solid #144d29;
    color: black;

    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.rdMatri img {
    position:relative;
    display:block;
    width: 250px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
}


/* ================================================================== */

/* o. Activity */

/* ================================================================== */
#activity p {
    font: 20px/36px opensans-light, sans-serif;
    font-size: 12pt;
    position:relative;
    text-align:justify;
    color: black;    
}

.act1 {
    width: 100%;
    height: auto;
    margin: 15px 0 15px 0;
}

.act1 img {
    position:relative;
    float: left;
    margin: 0px 10px 0px 0px;
    width:100%;
    height: 220px;
    max-width: 350px;
    max-height:250px;
    box-shadow: 1px 1px 4px black;

    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.act1 a{
    color: #144D29;
	font-family: montserrat-regular, sans-serif;
    font-size: 14pt;
    cursor: pointer;
    display: block;
}


/* ================================================================== */

/* p. footer

/* ================================================================== */

footer {
   padding-top: 10px;
   padding-bottom: 10px;
   color: #303030;
   font-size: 14px;   
   z-index: 99999;
   background-color: #d8d8d8;
   box-shadow: 0px -5px 18px 0px rgba(0,0,0,0.2);
   border-top: #cecece;
   border-top-style: solid;
   border-top-width: 1px;   
   margin-bottom: -25px;
}

footer a, footer a:visited { color: #144D29; }
footer a:hover, footer a:focus { color: #1c733c; }

/* copyright */
footer .copyright {
    margin: 0;
    padding: 0;
 }
footer .copyright li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.ie footer .copyright li {
   display: inline;
}

footer .copyright li:before {
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
    color: #095153;
}
footer .copyright  li:first-child:before {
    display: none;
}

/* social links */
footer .social-links {
   margin: 0;
   padding: 0;
   font-size: 18px;
   margin-top: -3px;
   float: right;
}
footer .social-links li {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-left: 24px;
}
footer .social-links li:first-child { margin-left: 0; }

/* ================================================================== */

/* q. Media Queries

/* ================================================================== */


/* small screens
--------------------------------------------------------------------- */
@media only screen and (max-width: 936px) {

   /* adjust sections padding top */
   #services, #portfolio,
   #journal, #about { padding-top: 20px; }

   /* adjust font size */
   .intro, .testimonies .client-cite { font-size: 18px; }

   /* intro section
   -------------------------------------------------------------------- */
   .slider-text h2 { font: 22px/33px montserrat-regular, Sans-serif; }
   
   #texto{
        margin-top: 0px;
    }
 
    #bttn-Slider{
    margin-left: 74%;
    margin-bottom: 32px;
    }

   /* services section
   -------------------------------------------------------------------- */
   #services .section-head .col { width: 100%; }
   #services .services-wrapper { margin-top: 12px; }
   #services .services-wrapper .col { width: 50%; }
   #services .services-wrapper .col { margin-bottom: 0; }

   /* portfolio section
   -------------------------------------------------------------------- */
   #portfolio #portfolio-wrapper { margin-top: 12px; }
   #portfolio #portfolio-wrapper .col { width: 33.33333%; }

   /* journal section
   -------------------------------------------------------------------- */
   #journal .blog-entries { margin-top: 30px; }

   /* about section
   -------------------------------------------------------------------- */
   #about .process-wrap .col { width: 50%; }

   /* Call To Action Section
   /* ----------------------------------------------------------------- */
   #call-to-action p { font-size: 16px; }
   #call-to-action .button { font-size: 14px; }

   /* about section
   -------------------------------------------------------------------- */
   #about .section-head .col { width: 100%; }

   /* contact section
   ----------------------------------------------------------------------- */
   #contact label { width: 25%; }
   #contact button.submit { margin-left: 25%; }
   #contact input,
	#contact textarea,
	#contact select { width: 70%; }
   #message-warning, #message-success { width: 95%; }

   /* left clearing */
   .first { clear: none; }
   .m-first { clear: left; }

   /* blog
   -------------------------------------------------------------------- */
   .post, #blog-entries .post { padding-top: 96px; }
   .post p.lead, #blog-entries .post .post-content p { font-size: 18px; }
   .post .entry-header h1 {
      padding-right: 18px;
      font-size: 43px;
   }
   .post .post-meta { margin-top: 6px; }
   .post .post-image { margin: 12px 0 24px 0 }
   .post .bio .about { padding-left: 18px; }

   /* Register
   ----------------------------------------------------------------------*/
    #register #fields #MainContent_UcCadastro_txtNome,
    #register #fields #MainContent_UcCadastro_txtCliente,
    #register #MainContent_UcCadastro_txtEndereco,
    #register #MainContent_UcCadastro_txtEmail {
        min-width: 30%;
    }

    #register #fields div {
        float: none;
        margin:auto 20px;
    }

    #register #MainContent_UcCadastro_txtEmail {
        width: 460px;
    }

    #button div input#MainContent_UcCadastro_btnEnviar {
        content:"";
        display:block;
        clear:both;
        float: left;
        margin-left: 5%;
    }

    #register input, #register select {
        display: block;
    }    
}



/* mobile wide
---------------------------------------------------------------------- */

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

    /* teste */

    .video-box {
        display: block;
        width: 100%;
    }
    .box-right {
        float: none;
        width: 40%;
        margin: 0px 10px;
    }

    /* EndTeste */

   /* center align some text */
   .section-head, .intro, #about h3,
   #journal .entry-header {
      text-align: center;
   }


   /* mobile navigation
   -------------------------------------------------------------------- */

   header.mobile { height: 118px; }
   header.mobile .logo a { top: 22px; }

   .logoProdty { 
       margin-top: 0px;
       margin-left: 24px; 
   }
   
   #fake-header{
        background-color: white;
        height: 130px;
    }
   
   .mobile #nav-wrap {
      position: absolute;
      padding-left: 38px;
      right: 20px;
      width: 100%;
      margin: 0;
   }

   .mobile #nav-wrap > a {
	  width: 48px;
	  height: 48px;
	  text-align: left;
	  background-color: #144D29;
	  position: relative;
      border: none;
      float: right;

      font: 0/0 a;
      text-shadow: none;
      color: transparent;
   }

	.mobile #nav-wrap > a:before,
   .mobile #nav-wrap > a:after {
	   position: absolute;
		border: 2px solid #fff;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}
   .mobile #nav-wrap > a:after { top: 60%; }

   /* toggle buttons */
	.mobile #nav-wrap:not( :target ) > a:first-of-type,
	.mobile #nav-wrap:target > a:last-of-type  {
	   display: block;
	}

   /* hide menu panel */
   .mobile #nav-wrap ul#nav {
      height: auto;
		display: none;
      clear: both;
   }
   .mobile #nav-wrap ul.level1 li {
      display: block;
      width: 100%;
      height: 100%;
      text-align: left;
   }

   /********verificar********
   .mobile #nav-wrap ul#nav > li.active a {
      color: #11ABB0 !important;
      background: none;
   }*/

   /* display menu panels */
	.mobile #nav-wrap:target > ul#nav	{
	   display: block;
      padding: 12px 25px 24px 25px;
      background: #d8d8d8;
      margin: 0;
      clear: both;
      border-style: solid;
      border-width: 1px;
      border-color: #144d29;
   }
   .mobile #nav-wrap ul.level1 > li { border-bottom: 1px dotted #595B6A; }
   .mobile #nav-wrap ul.level1 li a {
      padding-top: 5px;
      padding-bottom: 5px;
      font-size: 10px;
      margin: 10px 0;
      line-height: 16px;
      border: none;
   }

    .dropdown-content {
      position: relative;
      min-width: 178px;
    }

    /*Top Menu
    --------------------------------------------------------------------*/
    #login{
		margin-top: -15px;
	}
	#share{
		margin-top: -74px;
	}
        

    /* intro section
   -------------------------------------------------------------------- */
   .slider-text { }
   .slider-text h2 { 
       font: 20px/30px montserrat-regular, sans-serif;
       margin-top: 20px;
   }
   .slider-text p {
      font: 14px/30px opensans-regular, sans-serif;
      margin-top: 30px;
   }
   .slides {
      overflow: hidden;
      min-height: 300px;
   }
   
   #texto{
        margin-top: 0px;
    }
    
    #bttn-Slider{
    margin-left: 0px;
    margin-bottom: 32px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

   /* portfolio section
   --------------------------------------------------------------------- */
    .reveal-modal {
   	margin-left: -42%;
		width: 84%;
   }

   /* journal section
   --------------------------------------------------------------------- */
   #journal .entry-header .author-image {
      display: none;
   }
   #journal .entry-header .entry-title {
      padding-left: 20px;
      margin-bottom: 18px;
   }
   #journal .entry .post-content {
      padding-left: 20px;
      margin-top: 6px;
   }
   #journal .entry .post-meta time,
   #journal .entry .post-meta .dauthor {
      display: inline;
   }
   #journal .entry .post-meta .dauthor:before {
      content: "/";
      padding-left: 5px;
      padding-right: 5px;
   }

   /* about section
   ----------------------------------------------------------------------- */
   .testimonials {
      text-align: center;
   }
   .testimonials .client-author .name {
      position: static;
   }
   .testimonials .client-author span {
      display: inline;
   }
   .testimonials .client-author span:before {
      content: "/";
      padding-left: 5px;
      padding-right: 5px;
   }

   /* Call To Action Section
   /* ----------------------------------------------------------------- */
   #call-to-action {
      text-align: center;
      padding-top: 60px;
      padding-bottom: 42px;
   }
   #call-to-action h2 {
      font: 30px/36px montserrat-bold, sans-serif;
      letter-spacing: -0.5px;
      margin-bottom: 6px
   }
   #call-to-action .button {
      padding-top: 12px;
      padding-bottom: 12px;
   }

   /* contact section
   ----------------------------------------------------------------------- */
   #contact label {
      display: block;
      float: none;
      width: auto;
   }
   #contact input,
	#contact textarea,
	#contact select {
      width: 100%;
      margin-bottom: 30px;
	}
   #contact input.submit {
      margin-left: auto;
   }
   #message-warning,
   #message-success {
      width: 100%;
   }


   /* Blog Post
   ------------------------------------------------------------------ */
   .post, #blog-entries .post { padding-top: 84px; }
   .post .entry-header h1 {
      float: none;
	   width: 100%;
      font-size: 32px;
      line-height: 42px;
      text-align: center;
   }
   .post .post-meta {
      float: none;
      width: 100%;
      padding-right: 0;
      text-align: center;
   }

   .post .post-meta .categories,
   .post .post-meta .date,
   .post .post-meta .categories a { display: inline }

   .post .post-meta .date:before,
   .post .post-meta .categories:before { content: none }

   .post .post-meta .date {
      font: 13px/18px opensans-bold, sans-serif;
      color: #3D4149;
   }
   .post .post-meta .categories {
      font: 13px/18px opensans-regular, sans-serif;
   }
   /* show sep */
   .post .post-meta .categories .sep {
      display: inline;
      margin-right: 5px;
      font: 13px/18px opensans-light, sans-serif;
   }

   /* bio */
   .post .bio {
      padding-top: 17px;
      border-top: 1px solid #E0E0E0;
   }
   .post .bio .gravatar {
      float: none;
      width: 72px;
      margin: 0 auto 18px auto;
   }
   .post .bio .about {
      width: 100%;
      float: none;
      padding-left: 0;
      text-align: center;
   }

   /* post-nav */
   .post .post-nav { margin-top: 18px; }
   .post .post-nav li {
      display: block;
      margin: 0 0 18px 0;
      width: 100%;
   }
   .post .post-nav li.next {
      float: none;
      text-align: center;
   }
   .post .post-nav li.prev {
      float: none;
      text-align: center;
   }

   /* Comments*/
   #comments h3 {
      text-align: center;
      margin-left: 0;
   }

   /* Comments List */
   ol.commentlist {
      width: 100%;
      margin-left: 0;
   }
   .commentlist  li .avatar { display: none; }

   /* comment form */
   #comments form { margin-left: 0; }
   #comments form input,
   #comments form textarea,
   #comments form select {
      width: 100%;
   }

   /* journal bottom nav */
   .journal-bottom-nav {
      margin-left: 0;
      text-align: center;
   }

   /* Blog-Entries
   ------------------------------------------------------------------ */
   #bottom-block .blog-categories {
      text-align: center;
   }
   #bottom-block .back-to-top {
      margin-top: 30px;
      text-align: center;
   }


   /* footer
   ------------------------------------------------------------------------ */
   footer .copyright li:before { content: none; }
   footer .copyright li { margin-right: 10px; }
   footer .copyright, footer .social-links {
      text-align: center;
      float: none;
   }
   .topmenu{
       text-align: center;
       float: none;
   }
   footer .social-links { margin-top: 12px; }

}

@media only screen and (max-width: 830px) {
    /* ResetPassword
    -------------------------------------------------------------------------*/    
    #emailBox input#MainContent_UcEsqueciSenha_txtEmail, #emailBox label#lblEmail{
        margin-left: 0%;
        min-width: 100%;
    }
}

/* mobile narrow
  -------------------------------------------------------------------------- */

@media only screen and (max-width: 460px) {
    
    /* header
   ------------------------------------------------------------------------ */
    #fake-header{
    background-color: white;
    height: 130px;
    }

    /* Login
    -------------------------------------------------------------------------*/
    #login {
        margin-top: -15px;
        margin-right: 10px;
    }

    /* Share
    -------------------------------------------------------------------------*/
    #share {
        margin-top: -74px;
    }    
/**/
   /* intro section
   ------------------------------------------------------------------------- */
   .slider-text {  }
   .slider-text h2 { 
        font: 18px/30px montserrat-regular, sans-serif;
        margin-top: 20px;
   }
   .slider-text p {
      font: 12px/24px opensans-regular, sans-serif;
      margin-top: 24px;
   }
   
    #texto{
        margin-top: 0px;
    }

    .slider-background {
        background-size: 140%;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
        padding-top: 100px;
    }
    
    #bttn-Slider{
    margin-left: 0px;
    margin-bottom: 32px;
    }

    /* Register section
    -------------------------------------------------------------------------*/

    

    /* journal section
   ------------------------------------------------------------------------- */
   #journal .entry-title h3 {
     font-size: 28px;
     line-height: 36px;
   }

}