/* CHAMADA PARA A FONTE NO GOOGLE FONTS */
            @import url(https://fonts.googleapis.com/css?family=Pragati+Narrow:400,700|Merriweather+Sans:400,800italic);
            p {
              font-family: 'Maven Pro', sans-serif;
              font-size: 2.1em;
            }

            p.destaque, .destaque { 
              font-family: 'Maven Pro', sans-serif;
              font-style: italic;
              font-weight: 800;
              font-size: 2em;
             }

             h1, h2, h3, h4, h5 {
              font-family: 'Maven Pro', sans-serif;
              font-weight: 700;
             }
             .italico {
              font-weight: 800; font-style: italic;
             }

             strong, b {
             }

             h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {
              font-weight: 700;
              color: #fff;
             }
             
             h1 { font-size: 3.4em; }
             h2 { font-size: 3em; }
             h3 { font-size: 2.6em; }
             h4 { font-size: 2.2em; }
             h5 { font-size: 1.8em; }
             
             @media only screen and (max-width: 1199px) {
              p {
                  font-size: 2.2em;
              }

              p.destaque, .destaque { 
                  font-size: 2.2em;
               }

               h1 { font-size: 2.4em; }
               h2 { font-size: 2em; }
               h3 { font-size: 1.6em; }
               h4 { font-size: 1.2em; }
               h5 { font-size: 0.8em; }

             }
			 .telas{overflow-x: hidden !important;}
             .angle {
                  top: 0;
                  display: table;
                  font-size: 130px;
                  height: 100%;
                  margin: 0;
                  padding: 0;
                  position: fixed;
                  color: rgba(255,255,255,0.35);
                  transition: 0.55s;
                  z-index: 500;
              }
              .angle:hover,.angle:focus, .angle:visited {
                text-decoration: none;
                color: rgba(0,0,0,0.85);
                transition: 0.55s
              }
              .angle i {
                display: table-cell;
                vertical-align: middle;
              }
            .angle-right {
                  right: 40px;
              }
             .angle-left {
				 left:40px;
              }
              .voltar-moodle {
                  position: absolute; 
                  bottom: 3em; 
                  left: 50%; 
                  max-width: 450px; 
                  width: 100%; 
                  height: 150px; 
                  overflow: hidden; 
                  padding: 20px; 
                  background-color: white; 
                  margin-left: -175px; 
              }
              .voltar-moodle p {
                margin-top: 0px !important;
                font-size: 1.5em;
                text-align: center;
              }
              @media only screen and (max-width: 768px) {
                  .angle {
                      bottom: 0px;
                      top: auto;
                      height: auto;
                      font-size: 40px;
                      background-color: #333;
                      display: block;
                      width: 50%;
                      padding: 5px;
                      text-align: center;
                      color: white;
                  }
                  .angle i {
                      display: block;
                  }
                  .angle-right {
                      right: 0px;
                      
                  }
                  .angle-left {
                    left: 0px;
                  }
              }
            ul li {
              font-size: 20px;
            }
            ol li p {
              font-size: 1.95em;
            }
            ul li p {
                font-size: 1.8em;
            }
            ol {
                padding-left: 40px;
            }
            ol li {
                  font-size: 1.5em;
              }
              ol li p {
                  font-size: 1.2em;
              }
            .blockquote-to-list {
              border-left-color: rgb(9, 142, 240); background-color: white; font-size: 0.75em
            }
            .icone-lampada {
              float: left; margin-right: 20px; color: rgb(246, 187, 18); font-size: 3em;
            }
            .listaUl {
                margin: 0px;
                padding: 0px;
            }
            .listaUl > li {
                  padding: 5px 5px 5px 70px; 
                  list-style: none;
              }
             @media only screen and (max-width: 768px) {
              p {
                  font-size: 1.5em;
              }

              p.destaque, .destaque { 
                  font-size: 1.5em;
               }

               h1 { font-size: 2.4em; }
               h2 { font-size: 2em; }
               h3 { font-size: 1.6em; }
               h4 { font-size: 1.2em; }
               h5 { font-size: 0.8em; }
               ul li p {
                font-size: 1.5em;
              }

             }
             

            /* PADRONIZANDO HTML E BODY */
            html, body { height: 100%; }
            body { margin: 0px; padding: 0px; }
            
            /* ESTILOS GERAIS DE ESTRUTURA */
            .acessivel {
              position: absolute;
              top: -9000px;
              left: -9000px;
              width: 1px; height: 1px;
              opacity: 0;
              overflow: hidden;
            }
            .menuBtn {
                white-space: normal !important;
                text-align: left;
            }
            .colunas-3 {
              -moz-column-count: 2;
              -webkit-column-count: 2;
              column-count: 2;
              
            }            
            .img-responsiva {
              max-width: 550px;
              width: 100%;
              margin-left: auto; margin-right: auto;
              display: block;
            }
            .height-full {
              height: 100%;
            }
            .no-margin-padding {
              padding: 0px !important; margin: 0px !important;
            }
             .padding-20 {
                padding: 20px !important; 
              }
              .camaleoes {
                margin-bottom: 2em;
                margin-top: 2em;
              }
            @media only screen and (max-width: 992px) {
              .height-full {
                height: 100%;
              }
              .camaleoes {
                margin-bottom: 1em;
                margin-top: 1em;
                width: 100%;
              }
              .colunas-3 {
                -moz-column-count: 2;
                -webkit-column-count: 2;
                column-count: 2;
              }
            }

            

            @media only screen and (max-width: 778px) {
              .colunas-3 {
                -moz-column-count: 1;
                -webkit-column-count: 1;
                column-count: 1;
              }
			  .center-block{ padding:0 30px !important;}
				.images-display02{ display:none !important;}
            }
            blockquote {
              background-color: rgba(255,255,255,0.25);
            }
            .bold {
              font-weight: 700;
            }

            .black {
              font-weight: 900;
            }

            .display-table {
               display: table; height: 100%;
            }
            .display-table-cell {
              display: table-cell; 
            }
            .vertical-align-middle {
              vertical-align: middle;
            }
            .apresentacao {
                height: 100%;
                position: relative;
                width: 100%;
                display: block;
                overflow: hidden;
                padding: 20px;
                background-color: #333;
            }
            .telas { 
                display: none;
                background-color: #f2f2f2;
                width: 100%; height: 100%;
                position: relative; overflow: auto;
                 color: #333; padding: 20px; /*padding-right: 105px; padding-left: 105px;  */
                 padding-top: 65px;
            }
            
            *::-moz-selection {
            background:#E2E2E2;
            color:#333;
            }
            *::selection {
            background:#E2E2E2;
            color:#333;
            }

            .btn-default-lilas {
              color: white; font-family: 'Merriweather Sans',sans-serif; background-color: rgb(145, 94, 164); border-color: rgb(145, 94, 164); font-size: 0.65em;
            }
            @media only screen and (max-width: 768px) {
                .telas {
                    padding: 20px;
                    padding-top: 65px;
                  }
            }
            .telas h1, .telas h2, .telas h3, .telas h4, .telas h5, .telas p { 
                margin-top: 20px;
            }
            .ativa, .display-block { display: block; }
            .ativa-inline, .display-inline-block { display: inline-block;}
              
            .estruturaPrincipal, .estruturaPrincipal .col-xs-12 { 
                height: 100%;
            }

            .estruturaPrincipal .col-xs-12 {
               padding: 0px;
            }

            .estruturaPrincipal {
                margin:0px;
            }

            @media only screen and (max-width: 992px) {
              .estruturaPrincipal, .estruturaPrincipal .col-xs-12 { 
                height: auto;
              }
              .estruturaPrincipal .col-xs-12 {
                  padding: 0px;
              }
            }

            .padding-top {
              padding-top: 15px !important;
            }

            .padding-bottom {
              padding-bottom: 15px !important;
            }

            nav.meny .btn {
              width: 100%;
            }
            nav.menu {
                background-color: #f2f2f2;
               
               
            }

            nav.meny .row, nav.menu .row .col-xs-12 {
              padding-left: 15px;
              padding-right: 15px;
            }



            @media only screen and (max-width: 992px) {
              nav.meny .row, nav.meny .row .col-xs-12 {
                margin: 0px;
                padding: 0px;
              }
              nav.meny .row {
                padding-left: 20px;
                padding-right: 20px;
              }
            }
            .position-relative {
                position: relative;
            }
            .menu-bg {
              background-color: #727272;
            }
            /* KEYFRAMES E ANIMAÇÕES EM GERAL */
                @keyframes animacaoBolada {
                   0%   { 
                      background: black;
                      width: 100px;
                       min-height: 100px;
                   }
                   25%  { background: green; }
                   50%  { background: blue; }
                   75%  { background: red; }
                   100% { 
                      background: yellow;
                      width: 200px;
                       min-height: 100px;
                   }
                }
                .btn-a-f{
					    background: #ffffff;
						color: #222222;
						padding: 15px 25px;
						font-size: 1.6em;
						width: 395px;
						text-align: center;
						border-left: rgb(9, 142, 240) 5px solid;
						margin: 0 auto;
						font-family: 'Pragati Narrow', sans-serif;
				}
                 div.animar {
                       animation-name: animacaoBolada;
                       animation-duration: 5s;
                       animation-timing-function: ease;
                       animation-delay: 1s;
                       animation-iteration-count: infinite;
                       animation-direction: alternate;
                       animation-play-state: running;
                    }

                a.JSfecharMenu {
                    color: #f0ad4e;
                    font-size: 21px;
                    position: absolute;
                    right: 8px;
                    top: 12px;
                    z-index: 100;
                }

                .JSfecharMenu-texto {
                  opacity: 0;
                  transition: 0.45s;
                  font-size: 18px;
                  
                }
                a.JSfecharMenu:hover {
                  display: inline-block;
                  transition: 0.45s;
                  color: white;
                }

                button.JSabrirMenu {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  background-color: #333;
                  padding: 20px;
                  z-index: 999999;
                  color: white;
                  border: 0px none;
                  transition: 0.45s;
                }

                button.JSabrirMenu:hover {
                  color: #f0ad4e;
                  transition: 0.45s;
                }
                .impactotitulo {
                    font-size: 5.4em;
                    font-style: italic;
                    font-weight: 900;
                    color: #006EB8;
                    text-align: center;
                }
                @media only screen and (max-width: 1199px) {
                  .impactotitulo {
                    font-weight: 900; 
                    font-style: italic;
                    font-size: 3.5em;
                  }
                }

                @media only screen and (max-width: 992px) {
                  .impactotitulo {
                    font-weight: 900; 
                    font-style: italic;
                    font-size: 3.5em;
                    text-align: center;
                  }
                }
				
                @media only screen and (max-width: 768px) {
				  
                  .impactotitulo {
                    font-weight: 900; 
                    font-style: italic;
                    font-size: 2.0em;
                    text-align: center;
                  }
				  
				  button.JSabrirMenu {
                  padding: 15px !important;
                }
                }

                .lista {
                  font-size: 0.70em;
                }
                .lista p {
                  margin: 0px;
                }
                .lista .glyphicon-ok {
                  color: white;
                }
                /* TELAS */
                    /* #Tela1 */

                    #tela01 {
                      background-color: #1695a3;
                    }
					#tela02 {
                      background-color: #1695a3;
                    }
					#tela03 {
                      background-color: #1695a3;
                    }
					#tela04 {
                      background-color: #1695a3;
                    }
					#tela05 {
                      background-color: #1695a3;
                    }
					#tela06 {
                      background-color: #1695a3;
                    }
					#tela07 {
                      background-color: #1695a3;
                    }

                    #tela1 .img1 {
                      margin-bottom: 30px;

                    }

                    #tela01 .img1 {
                      margin-bottom: 30px;

                    }
                    blockquote { overflow: hidden; padding-top: 10px; }
                    blockquote p { margin-top: 0px !important; padding-top: 0px !important;  }
                    @media only screen and (max-width: 992px) {
                      #tela1 .img1 {
                        margin-bottom: 30px;
                        max-width: 300px;
                        width: 100%;
                      }
                    }

                    .bgtela01{
						background:url(../objetos/01.jpg);
						background-size:cover;
						background-position:top center;
						background-repeat:no-repeat;
						height:100%;
						overflow:hidden;
					}
                    .bgtela02{
						background:url(../objetos/02.jpg);
						background-position:bottom center;
						margin-top:-240px;
						min-height:240px;
						overflow:hidden;
					}
					.bgtela03{
						background:url(../objetos/03.jpg);
						background-size:cover;
						background-position:top center;
						background-repeat:no-repeat;
						height:100%;
						overflow:hidden;
					}
					@media only screen and (max-height: 800px) {
					
					}
					@media only screen and (max-width: 450px) {
					.bgtela01{
						background:#1695a3;
					}
                    .bgtela02{
						background:#1695a3;
					}
					.bgtela03{
						background:#1695a3;
					}
					.height-full{
						height:auto !important;}
						.center-block{ margin:10px 0 !important; padding:0 !important;}
					}