ok
Direktori : /home/institutonamaste/www/css/ |
Current File : /home/institutonamaste/www/css/style.css |
/* IMPORT FILES */ /*@import url(../css/font-awesome.min.css) screen;*/ /*@import url(http://institutoricardomelo.com.br/namaste/css/bootstrap.min.css);* / @import url(../css/cookie.css); @import url(https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css); @import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); @import url(https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css);*/ /* IMPORT FILES */ @import url(../css/font-awesome.min.css) screen; @import url(../css/bootstrap.min.css); @import url(../css/ekko-lightbox.min.css); @import url(../css/responsive.css); @import url(../css/efeitos.css); @import url(../css/carousel-multi.css); @import url(../css/lightbox.css); @import url(../css/cookie.css); /* IMPORT FILES FONTS */ @import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900); /* MAIN */ *{ margin:0; padding:0; } a:hover{ text-decoration:none !important; } body{ font-family:'Montserrat', sans-serif; font-size:16px; font-weight:400; color:#000; } a.top{ position:fixed; bottom:20px; left:20px; background:rgba(0,0,0,.6); color:#fff; padding:10px 20px; font-size: 24px; z-index: 1; display: inline-block; } .bg-full{ width:100%; height:auto; padding:60px 0; position: relative; overflow: hidden; display: table; } /* MODAL */ .modal-header .close{ position: absolute; font-size: 30px; font-weight: 700; line-height: 1; color: #000; right: 20px; } .modal-title{ padding-right:30px; } /* HEADER */ #header{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #header.fixed { position: relative; width: 100%; left: 0; top: 0; } #header.fixed.fix .menu{ position: fixed; left: 0; right: 0; width: 100%; top:0; } #header.up { top: -102px; opacity: 0; visibility: hidden; } #header.down { top: 0; opacity: 1; visibility: visible; } #header { left: 0; right: 0; top: 0; width: 100%; z-index: 999; } #header.normal { position: relative; } /* TOP CONTATOS */ header .top-contatos{ width:100%; height:auto; background:#cbd4f5; padding:16px 0;} header .top-contatos .pull-left a { float:left; color:#6f4aa1; line-height:20px; } header .top-contatos .pull-left a:hover{ color:#223f9b; } header .top-contatos .pull-left a i{ font-size:20px; line-height:20px; margin-right:10px; } header .top-contatos .pull-left a span{ font-weight:700; } header .top-contatos .pull-left img{ margin-right:5px; } header .top-contatos .pull-right a i{ margin-right:10px; font-size:30px; color:#6f4aa1; line-height:48px; } header .top-contatos .pull-right a .fa-facebook-square:hover{ color:#4064ac; } header .top-contatos .pull-right a .fa-instagram:hover{ color:#c22e9a; } header .top-contatos .pull-right a .fa-youtube-play:hover{ color:#f00; } header .top-contatos .pull-right .traducao{ float:right; padding-left:25px; border-left:solid 1px #6f4aa1; margin-left:25px; font-size:14px; color:#6f4aa1; } header .top-contatos .pull-right .traducao #google_translate_element{ height:27px; } /* NAV */ header .menu { width:100%; height:auto; } header .menu .brand{ display:inline-block; } header .menu .brand img{ height:60px; } header .menu .navbar ul li{ list-style: none; } header .menu .navbar-nav .dropdown-menu{ position:absolute; } header .menu .navbar ul li a{ display: block; text-decoration:none; font-weight:700; color:#000; } header .menu .navbar ul li a .fa-caret-down{ font-size:18px; padding-left:10px; } header .menu .navbar ul li a:hover, header .menu .navbar ul li a:focus, header .menu .navbar .active a, header .menu .nav .open > a, header .menu .nav .open > a:hover, header .menu .dropdown-menu li a:hover{ border-bottom: solid 3px #6f4aa1; color:#6f4aa1; } header .menu .navbar-nav > li > .dropdown-menu{ background:#6f4aa1; padding:0px; border:none; margin:0px; } header .menu .navbar-nav > li > .dropdown-menu li{ width:100%; } header .menu .navbar-nav > li > .dropdown-menu a{ color:#fff; } header .menu .navbar-nav > li > .dropdown-menu a:hover{ background:#ccd3f2; color:#6f4aa1; } header .menu .navbar-nav{ flex-direction:row; } header .menu .navbar{ padding:0px; } /* TITLE */ .title-max h1{ width:100%; text-align:center; margin:0px; font-weight:400; } .title-max h1 span{ font-weight:700; } .title-max h2{ width:100%; text-align:center; margin-bottom:50px; } /* HOME BANNER */ .home-banner{ width:100%; } .home-banner img{ width:100%; } .home-banner h2{ color:#fff; font-weight:800; } .home-banner p{ color:#fff; } .home-banner .bg-full{ padding:0px !important; } .home-banner a.more{ line-height:40px; background:#01cc01; color:#fff; font-weight:600; padding:0 20px; border-radius:50px; display: inline-block; } .home-banner a.more:hover{ background:#223f9b; } .home-banner .text-full{ position:absolute; top:0; } .home-banner .text-duplo{ width:50%; position:absolute; top:0; } .home-banner .text-duplo.left{ left:0; } .home-banner .text-duplo.right{ right:0; } .home-banner .carousel-control-next, .home-banner .carousel-control-prev{ width:5%; } /* HOME SOBRE */ .home-sobre a{ color:#004861; font-weight:700; } .home-sobre.title-max h1{ margin-bottom:30px; } /* HOME AGENDA */ .home-agenda{ background:#ffe3b3 url(../img/bg/agenda.jpg) no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-agenda .calendario{ width:100%; } .home-agenda .tab-content .row{ border-bottom: dashed 2px #fff; } .home-agenda .nav-tabs .nav-item .nav-link{ padding:10px; font-size:18px; font-weight:800; line-height:20px; color:#333; margin-right:20px; border-radius:0px; } .home-agenda .nav-tabs .nav-item .nav-link, .home-agenda .nav-tabs .nav-link{ border:none; position:relative; background:#fff;} .home-agenda .nav-tabs .nav-link:after{ content:""; position:absolute; display:inline-block; margin-top:31px; right:10px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; } .home-agenda .nav-tabs .nav-item.show .nav-link, .home-agenda .nav-tabs .nav-link.active{ background:#223f9b; color:#fff; } .home-agenda .nav-tabs .nav-link.active:after{ border-top:10px solid #223f9b; } .home-agenda .nav-tabs{ margin-bottom:30px; border:none; } .home-agenda .nav-tabs .nav-link span{ font-size:16px; font-weight:400; } .home-agenda .data{ font-weight:700; color:#333; line-height:28px; text-align:right; padding-left:0px; } .home-agenda .data span{ font-size:18px; font-weight:400; } .home-agenda .data i{ float: left; padding-right: 15px; font-size: 40px; color: #223f9b; } .home-agenda .local{ font-weight:800; text-align:left; line-height:28px; } .home-agenda .local i{ font-size:50px; padding:0 20px 0 15px; color:#223f9b; float:left; } .home-agenda .local span{ font-size:18px; color:#333; font-weight:400; } .home-agenda .detalhes p{ font-size:1em; font-weight:400; line-height: 20px; margin-bottom:0; } .home-agenda .detalhes h3{ font-size:24px; font-weight:800; } .home-agenda .detalhes a{ font-size: 16px; color:#223f9b; font-weight:600; } .home-agenda .detalhes a:hover{ color:#6f4aa1; } /* HOME CLIENTES */ .home-clientes{ background:#f0f0f0 url(../img/bg/conheca-instituicoes.jpg) no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center; } .home-clientes .container{ max-width:90%; width:90%; } .home-clientes.title-max h1, .home-clientes.title-max h2{ color:#fff; } .home-clientes .carousel{ overflow:hidden;} .home-clientes .carousel img{ width:100%; } .home-clientes .carousel-control{ width:30px; color: rgba(200,200,200,0.6); text-shadow:none; } .home-clientes a.more{ display:inline-block; background:#ff9100; font-size:18px; color:#274299; font-weight:700; line-height:40px; padding:0 25px; border-radius:50px; margin-top:60px; } .home-clientes a.more:hover{ background:#da9728; } /* HOME BLOG */ .home-blog{ text-align:center; } .home-blog .box{ max-width:100%; position:relative; text-align:center; overflow:hidden; margin-bottom:30px; } .home-blog .box img{ width:100%; } .home-blog .box .text{ position:absolute; bottom:0; text-align:left; color:#fff; background-image:linear-gradient(rgba(142,74,140,0.2), rgba(95,9,92,1)); padding: 80px 15px 15px 15px; } .home-blog .box .text h3{ font-size:24px; font-weight:700; margin-bottom:0px; } .home-blog .box .text p{ font-size:18px; margin:0px; } .home-blog .box .text a.read{ display:inline-block; color:#ff9100; font-weight:700; font-size:16px; } .home-blog .box .text a.reaad:hover{ color:#537cfe; } .home-blog .box.plus img{ width:auto; min-height:500px; } .home-blog .box.plus .text h3{ margin-bottom:25px; } .home-blog .box.plus .text{ background-image:linear-gradient(rgba(67,90,144,0.2), rgba(9,35,95,1)); padding: 80px 15px 15px 15px; } .home-blog .box.plus .text a.read:hover{ color:#92328a; } .home-blog a.more{ display:inline-block; background:#223f9b; font-size:18px; color:#fff; font-weight:700; line-height:40px; padding:0 25px; border-radius:50px; margin-top:30px; } .home-blog a.more:hover{ background:#6f4aa1; } /* HOME PRODUTOS */ .home-produtos{ background:url(../img/bg/produtos.jpg) no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center; } .home-produtos img{ width:100%; margin-bottom:15px; } .home-produtos a h3{ text-align:center; font-size:18px; font-weight:700; color:#000; } .home-produtos a.more{ display:inline-block; background:#223f9b; font-size:18px; color:#fff; font-weight:700; line-height:40px; padding:0 25px; border-radius:50px; margin-top:60px; } .home-produtos a.more:hover{ background:#6f4aa1; } /* HOME DESTAQUES */ .home-destaques{ padding:60px 0;} .home-destaques img{ width:100%; height:auto; margin-bottom:30px; } /* HOME VOLUNTARIO */ .home-voluntario{ background:#ffe1af url(../img/bg/voluntarios.jpg) no-repeat top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align:center; } .home-voluntario img{ width:100%; margin-bottom:15px; } .home-voluntario h3{ text-align:center; font-size:16px; font-weight:700; color:#000; margin-bottom:15px; } .home-voluntario a.read{ display:inline-block; background:#304196; font-size:18px; color:#fff; font-weight:700; line-height:40px; padding:0 25px; border-radius:50px; } .home-voluntario a.read:hover{ background:#27a900; } /* HOME DEPOIMENTOS */ .home-depoimentos{ background:url(../img/bg/depoimentos.jpg) right no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-depoimentos p{ text-align:center; font-size:18px; } .home-depoimentos .dep-more{ width:auto; margin-left:25%; } .home-depoimentos .dep-more h3{ font-size:18px; font-weight:700; padding:10px; } .home-depoimentos .dep-more h3 span{ font-weight:500; } .home-depoimentos .dep-more .image{ width:60px; height:60px; overflow:hidden; border-radius: 50px; float:left; margin-right:20px; } .home-depoimentos .dep-more .image img{ width:100%; } .home-depoimentos .carousel-control-next, .carousel-control-prev{ width:10%; } .home-depoimentos a i{ font-size:30px; color:#000; } /* SOBRE */ .sobre-banner{ background:url(../img/banner/banner-sobre.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .sobre h1{ font-size:36px; font-weight:700; margin-bottom: 15px; } .sobre h2{ font-size:36px; font-weight:700; margin-bottom: 15px; } .sobre .box{ margin-top:60px; } .sobre h1 i, .sobre h2 i{ width:15%; height: 3px; background:#e9931a; margin-top:10px; display: block; } .sobre-galeria img{ width:20%; float:left; margin:60px 0 0 0; padding:0px; } /* FALANGE DO BEM */ .falange-banner{ background:url(../img/banner/banner-falange.jpg) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .falange h1{ font-size:36px; font-weight:700; margin-bottom: 15px; } .falange h2{ font-size:36px; font-weight:700; margin-bottom: 15px; } .falange .box{ margin-top:60px; } .falange .box img{ width:100%; } .falange .box h2 i{ width:15%; height: 3px; background:#e9931a; margin-top:10px; display: block; } .evangelho{ background:#efefef; padding:50px 0; margin-top:60px; } .evangelho img{ width:100%; height:auto; } /* PRODUTOS */ .produtos{ text-align:center; } .produtos .banner{ background:url(../img/banner/banner-produtos.jpg) no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } .produtos h3 i{ width:15%; height: 3px; background:#e9931a; margin:10px auto 60px auto; display: block; } .produtos h3{ font-size:24px; font-weight:700; margin-bottom: 15px; } .produtos h4{ height: 44px; line-height: 22px; overflow:hidden; font-size:18px; margin:15px 0; } .produtos img{ width:100%; } .produtos a.resgatar, .produtos a.comprar{ display:inline-block; color:#000; line-height:50px; padding:0 15px 0 45px; font-size:18px; margin-bottom:30px; } .produtos a.resgatar{ background:#57cc71 url(../img/icons/icon-download.png) no-repeat 15px center; } .produtos a.comprar{ background:#57cc71 url(../img/icons/icon-shopcar.png) no-repeat 15px center; } .produtos a.resgatar:hover{ background:#7c49a6 url(../img/icons/icon-download-hover.png) no-repeat 15px center; color:#fff; } .produtos a.comprar:hover{ background:#7c49a6 url(../img/icons/icon-shopcar-hover.png) no-repeat 15px center; color:#fff; } .produtos .sidebar{ width:100%; background:#cbd4f5; color:#6f4aa1; font-weight:700; } .produtos .sidebar a{ line-height:50px; display:inline-block; color:#7c49a6; background:#fff; margin:5px; padding:0 15px; font-weight:500; } .produtos .sidebar a:hover, .produtos .sidebar a.active{ background:#7c49a6; color:#fff; } /* PROJETOS SOCIAIS */ .projetos-sociais .banner{ background:url(../img/banner/banner-projetos-sociais.jpg) no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin-bottom:60px; } .projetos-sociais h3{ font-size:24px; font-weight:700; margin-bottom: 15px; text-align:center; } .projetos-sociais h3 i{ width:15%; height: 3px; background:#e9931a; margin:10px auto 20px auto; display: block; } .projetos-sociais h4{ font-size:18px; margin-bottom:60px; text-align:center; } .projetos-sociais h5{ font-weight:700; margin-top:40px; font-size:16px; } .projetos-sociais p{ margin:30px 0 5px 0; } .projetos-sociais label{ font-weight:400; padding-left:5px; margin-bottom: 15px; } .projetos-sociais .mens{ height:auto; line-height:50px; margin-bottom:15px; position: relative; background:#fff; border-radius: 3px; } .projetos-sociais .mens i{ left: 15px; bottom:15px; position: absolute; font-size: 20px; border: none; color: #ccc; } .projetos-sociais .left{ padding-left:0px; } .projetos-sociais .right{ padding-right:0px; } .projetos-sociais .bottom{ margin-bottom:0px; } .projetos-sociais input[type="text"], .projetos-sociais input[type="email"]{ width:100%; height:50px; line-height:50px; padding:0px 10px 0px 50px; border:solid 1px #7c49a6; position:relative; border-radius:5px; } .projetos-sociais input[name="soma"]{ width:80px; padding:10px; margin-left:15px; } .projetos-sociais textarea{ width:100%; height:140px; line-height:20px; padding:20px; border:none; resize:none; border:solid 1px #7c49a6; border-radius:5px; margin-bottom:15px; } .projetos-sociais button[type="submit"]{ width:auto; height:50px; line-height:50px; background:#223f9b; display:inline-block; font-weight:600; color:#fff; padding:0px 30px; font-size: 16px; border-radius: 4px; border:none; } .projetos-sociais button[type="submit"]:hover{ background:#8057b7; } /* AGENDA */ .agenda .banner{ background:url(../img/banner/banner-agenda.jpg) no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } /* BLOG */ .blog{ margin-bottom:70px; } .blog .banner{ background:url(../img/banner/banner-blog.jpg) no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin-bottom:70px; } .blog .box .datas{ max-height: 30px; overflow: hidden; } .blog .box .datas i{ font-size:24px; margin-right:5px; } .blog .box .datas i.fa-bookmark-o{ margin-left:15px; } .blog .box .image{ overflow:hidden; } .blog .box .image img{ width:100%; } .blog .box .resume{ padding:0; } .blog .box .resume a h3{ font-size:22px; font-weight:700; margin:10px 0; color:#000; } .blog .box .resume p{ line-height:22px; } .blog .box .resume a.more{ color:#ff9505; font-weight:700; } .blog .box .resume a.more:hover{ color:#6f4aa1; } .blog .side h3{ background-color:#a13b85; font-size:22px; color:#fff; padding:10px 25px; font-weight:600; margin-bottom:30px; } .blog .side .recentes a{ display: block; margin-bottom:10px; color:#333; font-weight:700; max-height:50px; overflow:hidden; } .blog .side .recentes a span{ font-weight:500; color:#e835b7; } .blog .side .recentes hr{ margin: 0 0 30px 0; border-top: dotted #ccc 3px; } .blog .side .arquivos h3{ margin-bottom:30px; } .blog .side .arquivos button{ display: block; background: none; border: 0; font-weight:700; font-size:18px; color:#a13b85; } .blog .side .arquivos button span{ font-weight:400; } .blog .side .arquivos button span i{ font-size:12px; } .blog .side .arquivos a{ display:block; color:#000; font-weight:700; } .blog .side .arquivos a span{ font-weight:400; } .blog .side .arquivos .collapse.show{ margin-bottom:30px;} .blog .side .search form{ margin-bottom:30px; position: relative; } .blog .side .search form input{ width:100%; line-height: 50px; padding: 0 65px 0 15px; } .blog .side .search form button{ width: 52px; height: 52px; border: none; background:#b0b0b0; color: #fff; position: absolute; right: 1px; top: 1px; } .blog .side .search form button:hover{ background: #00b4bb; } .blog .side .idiomas a{ width:50px; height:60px; display:inline-block; text-align:center; margin:0 15px 15px 0; color:#000; } .blog .side .idiomas a span{ font-weight:700; font-size:14px; text-align:center; } .blog .side .idiomas a:hover img{ box-shadow:3px 3px 3px 1px #999; } .blog .side .categorias h3{ margin-top:30px; } .blog .side .categorias a{ display: inline-block; color: #333; margin: 0 5px 5px 0; border: solid 1px #bbb; padding: 5px 10px; } .blog .side .categorias a:hover{ background:#ff9505; border-color:#ff9505; color:#fff; } .blog-interno{ padding-top:30px; } .blog-interno h1{ color: #004861; font-weight: 700; font-size: 34px; margin:0px; } .blog-interno .data{ margin-bottom:20px; } .blog-interno .img img{ width:100%; margin-bottom:20px; } .blog-interno .image{ overflow:hidden; position: relative; text-align:center; /*display: inline-block;*/ } .blog-interno .image .link{ position: absolute; top: 50%; left: 50%; margin:-2em 0 0 -2em; } .blog-interno .image .link a{ color:#f00; font-size:4em; } .blog-interno .voltar a{ display:inline-block; font-size:15px; text-transform:uppercase; background:#004861; color:#fff; font-weight:600; padding:15px 30px; margin:30px 0; } .blog-interno .voltar a:hover{ background:#ffa916; } .blog-interno .text h2{ font-size: 22px; margin: 15px 0; font-weight: 700;} .blog-interno .social iframe{ width:100%; } /* Politica de Privacidade */ .politica{ padding: 60px; } .politica h1{ font-size: 20px; margin-bottom: 30px; font-weight: bold; } .politica h2{ font-size:16px; margin-bottom:15px; font-weight:600; } .politica ul{ padding-left: 45px; } /* ENTIDADES */ .entidade .banner{ background:url(../img/banner/banner-entidade.jpg) no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin-bottom:70px; } .entidade h3{ font-size:36px; font-weight:700; margin-bottom: 15px; } .entidade h3 i{ width:15%; height:3px; background:#e9931a; margin:10px 0 20px 0; display:block; font-weight:700; } .entidade h4{ font-size:18px; margin-bottom:30px; font-weight:700; } .entidade hr{ width: 100%; display: block; margin: 20px 0; border: dashed 2px #aaa; } .entidade .apoio{ margin-bottom:60px; } .entidade .apoio img{ width:100%; } .entidade .image{ margin-bottom:30px; text-align:center; } .entidade .image img{ max-width: 100%; max-height:200px; } .entidade a.tube{ display:block; position:relative; margin-bottom:20px; } .entidade a.tube img{ width:100%; } .entidade a.tube i{ position:absolute; color:#fff; font-size:50px; top:50%; left:50%; margin-left:-25px; margin-top:-25px; border:none; } .entidade a.tube:hover i{ color:#F00; } .entidade .box{ text-align:center; margin-bottom:60px; } .entidade .box h5{ font-size:18px; font-weight:700; } .entidade .box p{ font-size:18px; line-height:22px; margin-bottom:0px; } .entidade .box i{ font-size:26px; border-radius:50px; border:solid 2px; margin:0 5px 15px 0; } .entidade .box .icons i.fa-instagram{ padding:8px 10px; border-color:#c81397; color:#c81397; } .entidade .box .icons i.fa-instagram:hover{ background: linear-gradient(to bottom left, #a826de, #fbc123); padding:10px 12px; border:none; color:#fff; } .entidade .box .icons i.fa-linkedin{ padding:8px 9.86px; border-color:#097493; color:#097493; } .entidade .box .icons i.fa-linkedin:hover{ background:#0274b3; color:#fff; } .entidade .box .icons i.fa-youtube-play{ padding:8px; border-color:#f00; color:#f00; } .entidade .box .icons i.fa-youtube-play:hover{ background:#f00; color:#fff; } .entidade .box .icons i.fa-twitter{ padding:8px 8.93px; border-color:#1ac3f4; color:#1ac3f4; } .entidade .box .icons i.fa-twitter:hover{ background: #1ac3f4; color:#fff; } .entidade .box .icons i.fa-facebook{ padding:8px 14.1px 8px 13.05px; border-color:#4064ac; color:#4064ac; } .entidade .box .icons i.fa-facebook:hover{ background:#4064ac; color:#fff; } .entidade .box .icons i.fa-mouse-pointer{ padding:8px 10px 8px 13.43px; border-color:#969696; color:#969696; } .entidade .box .icons i.fa-mouse-pointer:hover{ background:#969696; color:#fff; } .entidade .box .info a{ display:block; font-size:18px; font-weight:400; } .entidade .box .info a:hover{ color:#223f9b; } /* PILULAS FRATERNAS */ .pilulas-fraternas .banner{ background:url(../img/banner/banner-pilulas-fraternas.jpg) no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin-bottom:70px; } .pilulas-fraternas h3{ font-size:36px; font-weight:700; margin-bottom: 15px; } .pilulas-fraternas h3 i{ width:15%; height:3px; background:#e9931a; margin:10px 0 20px 0; display:block; font-weight:700; } .pilulas-fraternas .apoio{ margin-bottom:60px; } .pilulas-fraternas .apoio img{ width:100%; } .pilulas-fraternas .frase{ background:url(../img/bg/pilulas-fraternas-frase.jpg) no-repeat center center; margin-bottom:60px; text-align:center; } .pilulas-fraternas .frase h4{ margin:0; font-weight:700; color:#78528e; } .pilulas-fraternas .pilulas{ margin-bottom:60px; text-align:center; } .pilulas-fraternas .pilulas h3 i{ margin: 10px auto 20px auto; } .pilulas-fraternas .pilulas img{ width:100%; } .pilulas-fraternas .pilulas a span{ font-size:18px; color:#000; line-height:20px; display:block; margin:10px 0 50px 0; } .pilulas-fraternas .pilulas p{ margin-bottom:50px; } .pilulas-fraternas .form{ background:#efefef url(../img/bg/pilulas-fraternas.jpg) no-repeat 150px center fixed; padding:60px 0; } .pilulas-fraternas .form h4{ font-size:18px; color:#000; font-weight: 700; margin-bottom: 50px; } .pilulas-fraternas .form .mens{ height:auto; line-height:50px; margin-bottom:15px; position: relative; background:#fff; border-radius: 3px; } .pilulas-fraternas .form .mens i{ left: 15px; bottom:15px; position: absolute; font-size: 20px; border: none; color: #ccc; } .pilulas-fraternas .form input[type="text"], .pilulas-fraternas .form input[type="email"]{ width: 100%; height: 50px; line-height: 50px; padding: 0px 10px 0px 50px; border: none; position: relative; border-radius: 5px; } .pilulas-fraternas .form textarea{ width:100%; height:140px; line-height:20px; padding:20px; border:none; resize:none; border-radius: 5px; margin-bottom:15px; } .pilulas-fraternas .form button[type="submit"]{ width:auto; height:50px; line-height:50px; background:#223f9b; display:inline-block; font-weight:600; color:#fff; padding:0px 30px; font-size: 16px; border-radius: 4px; border:none; } .pilulas-fraternas .form button[type="submit"]:hover{ background:#8057b7; } .pilulas-fraternas .form input[name="assunto"]{ padding:15px; margin-bottom:15px; } /* HOTSITE */ .hotsite-banner{ background-size:100%; } .hotsite-banner, .hotsite-video, .hotsite-frase-azul, .hotsite-especialista{ width:100%; display:table; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:relative; overflow:hidden; text-align:center; } .hotsite-banner h1{ font-size:60px; color:#fff; font-weight:700; margin-bottom: 10px; } .hotsite-banner h2{ width:auto; display:inline-block; font-size:24px; padding:10px 15px; border-radius: 15px; font-weight: 300; margin-bottom:15px; display:inline-block; } .hotsite-banner h2 span{ display:inline-block; padding: 10px; } .hotsite-banner h3{ font-size:22px; font-weight:700; color:#000; text-transform:uppercase; margin-bottom: 30px;} .hotsite-banner img.full-img{ width:100%; height:auto; } .hotsite-banner .blue h2{ background:#00495d; color:#fff; } .hotsite-banner .blue h1, .hotsite-banner .blue h3, .hotsite-banner .blue p{ color:#00495d; } .hotsite-banner .blue a{ border: solid 1px #00495d; color:#00495d; } .hotsite-banner .blue a:hover{ background:#00495d; color:#fff; } .hotsite-banner p{ font-size:24px; font-weight:300; color:#fff; } .hotsite-banner a{ width:auto; line-height:28px; display:inline-block; border-radius:5px; font-weight:600; padding:10px; } .hotsite-banner a span{ padding: 15px; border-radius:5px; } .hotsite-banner a i{ font-size:28px; margin-right:5px; } .hotsite-sobre{ text-align:center; padding:60px 0; } .hotsite-sobre h1{ font-size:45px; margin:0 0 50px 0; } .hotsite-sobre p{ font-size:1em; } .hotsite-images img{ width:20%; float:left; } .hotsite-video{ background:#cacaca url(../img/banner/banner-hotsite-video.jpg) no-repeat top center; } .hotsite-video .container{ overflow:hidden; } .hotsite-video img, .home-sobre img, .sobre img, .coaching img{ width:100%; height:auto; position:relative; } .hotsite-video a i, .home-sobre a i, .sobre a i, .coaching a i{ position: absolute; color: #fff; font-size: 100px; top: 50%; left: 50%; margin-left: -40px; margin-top: -50px; } .hotsite-video a:hover i, .home-sobre a:hover i, .sobre a:hover i, .coaching a:hover i{ color: #ff0000; } .hotsite-frase-azul{ background: #055778 url(../img/banner/banner-hotsite-frase-azul.jpg) no-repeat fixed; width: 100%; height: auto; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; display: table; padding:30px 0; color:#ffffff; } .hotsite-frase-azul h1{ font-size: 28px; line-height: 1.3em; font-weight: 600; text-align: left; text-transform: uppercase; } .hotsite-frase-azul p{ font-size:20px; font-weight:400; text-align:left; line-height:24px; } .hotsite-frase-azul a { line-height:60px; background:#ffcd00; padding:0px 25px; color:#004961; font-size:26px; display:inline-block; border-radius:10px; text-transform:uppercase; font-weight:700; font-family:oswald; } .hotsite-topicos{ padding:60px 0; font-size:20px; } .hotsite-topicos h1, .hotsite-beneficios h1, .hotsite-depoimentos h1, .hotsite-datas h1, .hotsite-promocao h1{ font-size:40px; font-weight:400; } .hotsite-topicos p, .hotsite-topicos li{ width:100%; font-size:20px; line-height:40px; margin-bottom:10px; } .hotsite-topicos p i, .hotsite-topicos li i{ float: left; padding-right: 20px; font-size:35px; color: #ffcd00; } .hotsite-topicos h1, .hotsite-topicos h2, .hotsite-topicos h3{ margin:30px 0; } .hotsite-topicos h1{ width:100%; font-size:28px; text-transform:uppercase; } .hotsite-topicos h2{ width:100%; font-size:26px; text-transform:uppercase; } .hotsite-topicos h3{ width:100%; font-size:24px; text-transform:uppercase; } .hotsite-topicos h4, .hotsite-topicos h5, .hotsite-topicos h6{ width:100%; font-size:22px; text-transform:uppercase; } .hotsite-topicos ul{ list-style:none; } .hotsite-beneficios .beneficio1{ background:#ffa81a; text-align:center; padding:30px 30px 50px 30px; } .hotsite-beneficios .beneficio2{ background:#ffcd00; text-align:center; padding:30px 30px 50px 30px; } .hotsite-beneficios i{ font-size:140px; color:rgba(255,255,255,0.3); } .hotsite-beneficios h1{ text-align:center; width:100%; padding:20px 0; background:#d5d5d5; margin-bottom:0px; } .hotsite-beneficios h2{ font-size:30px; font-weight:700; text-transform:uppercase; margin-bottom:20px; } .hotsite-beneficios p{ font-size:18px; text-align:left; } .hotsite-especialista{ background:#004861 url(../img/banner/banner-hotsite-sobre.jpg) no-repeat bottom center; color:#ffffff; } .hotsite-especialista h1{ margin-bottom:50px; } .hotsite-especialista h2{ font-size:24px; text-transform:uppercase; text-align:left; } .hotsite-especialista h3{ font-size:20px; } .hotsite-especialista p{ font-size:18px; text-align:left; } .hotsite-especialista .mbottom p{ text-align:center; } .hotsite-especialista .livro{ padding-top:30px; text-align:left; } .hotsite-especialista .livro p{ text-align:right; margin: 50px 0 0 0; } .hotsite-midia{ text-align:center; background:#d5d5d5; padding:50px 0; } .hotsite-midia h1{ color:#004860; margin-bottom: 50px; } .hotsite-midia .midia a{ max-height:340px; overflow:hidden; display:block; } .hotsite-midia .midia img{ width:100%; height:auto; } .hotsite-depoimentos{ padding:50px 0; text-align:center;} .hotsite-depoimentos h1{ text-align:center; color:#333; } .hotsite-depoimentos img{ width:100%; height:auto; position:relative; } .hotsite-depoimentos a i{ position: absolute; color: #fff; font-size: 60px; top: 0; margin: 20% 0 0 -30px; } .hotsite-depoimentos a:hover i{ font-size: 70px; color: #ff0000; } .hotsite-datas{ padding:50px 0px; text-align:center; } .hotsite-datas h1{ margin-bottom:50px; padding:0 15px 0 15px; } .hotsite-datas h2{ margin-bottom:40px; font-size:22px; text-align:center; padding:0 15px 0 15px; } .hotsite-datas h2 i{ display: block; width: 80px; height: 3px; background: #ffcc00; margin: 16px auto 40px auto; } .hotsite-datas .data{ margin-bottom: 15px; } .hotsite-datas .banner{ padding:40px; border-radius: 10px; margin-bottom: 30px;} .hotsite-datas .banner h2{ color:#ffcb00; padding-bottom:30px; border-bottom:solid 1px #ffcb00; font-weight:700; font-size:36px; line-height:40px; } .hotsite-datas .banner .data h3{ font-size:28px; color: #fff; margin-bottom:0px; font-weight:700; text-align:left; } .hotsite-datas .banner .data i{ font-size:56px; color:#ffcb00; float:left; margin:0 10px 0 0;} .hotsite-datas .banner .data p{ font-size:18px; font-weight:400; color: #fff; text-align:left; } .hotsite-datas .banner h4{ font-size: 20px; color:#ffcb00; margin-bottom:40px; } .hotsite-datas .banner p{ font-size:26px; color:#fff; } .hotsite-datas .banner a{ display:inline-block; background:#53c400; color:#fff; font-size:20px; padding:0 15px; border-radius:15px; height:60px; line-height:60px; } .hotsite-datas .banner a:hover{ background:#fff; color:#000; } .hotsite-datas .banner a i.fa-thumbs-o-up{ color:#225b00; font-size:28px; padding: 15px 10px 0 0; float: left; } .hotsite-datas .vagas{ width:auto; height:60px; line-height:60px; display:inline-block; font-size:1em; padding:0 15px; border-radius:15px; background:#53c400; text-transform:uppercase; margin-right:10px; font-weight:600; margin-bottom:10px; } .hotsite-datas .vagas span{ color:#fff; font-size:22px; } .hotsite-datas .yellow{ background:#ffad07; } .hotsite-datas .red{ background:#ff0100; } .hotsite-datas .banner.al{ background:url(../img/datas/instituto-ricardo-melo-irm-alagoas.jpg) no-repeat; } .hotsite-datas .banner.ba{ background:url(../img/datas/instituto-ricardo-melo-irm-bahia.jpg) no-repeat; } .hotsite-datas .banner.bh{ background:url(../img/datas/instituto-ricardo-melo-irm-belo-horizonte.jpg) no-repeat; } .hotsite-datas .banner.df{ background:url(../img/datas/instituto-ricardo-melo-irm-distrito-federal.jpg) no-repeat; } .hotsite-datas .banner.pi{ background:url(../img/datas/instituto-ricardo-melo-irm-piaui.jpg) no-repeat; } .hotsite-datas .banner.rj{ background:url(../img/datas/instituto-ricardo-melo-irm-rio-de-janeiro.jpg) no-repeat; } .hotsite-datas .banner.sc{ background:url(../img/datas/instituto-ricardo-melo-irm-santa-catarina.jpg) no-repeat; } .hotsite-datas .banner.sp{ background:url(../img/datas/instituto-ricardo-melo-irm-sao-paulo.jpg) no-repeat; } .hotsite-datas .banner.estados-unidos{ background:url(../img/datas/instituto-ricardo-melo-irm-orlando-estados-unidos.jpg) no-repeat; } .hotsite-datas .banner.canada{ background:url(../img/datas/instituto-ricardo-melo-irm-montreal-canada.jpg) no-repeat; } .hotsite-datas .banner.inglaterra{ background:url(../img/datas/instituto-ricardo-melo-irm-londres-inglaterra.jpg) no-repeat; } .hotsite-frase-rosa{ background:url(../img/banner/banner-hotsite-frase-rosa.jpg) no-repeat fixed; padding:30px 0; color:#000; width: 100%; height: auto; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; display: table; } .hotsite-frase-rosa img{ width:100%; } .hotsite-frase-rosa h1{ font-size:30px; font-weight:600; text-align:left; } .hotsite-frase-rosa h2{ font-size:22px; font-weight:400; text-align:left; margin-bottom: 20px;} .hotsite-frase-rosa p{ font-size:20px; font-weight:400; text-align:left; line-height:24px; } .hotsite-frase-rosa p a{ color:#000; font-weight:600; text-decoration: underline; } .hotsite-frase-rosa p a:hover{ color:#004861; } .hotsite-frase-rosa .pacote{ text-align:center; } .hotsite-frase-rosa .pacote h3{ font-size:20px; font-weight:700; } .hotsite-frase-rosa .pacote a { width:auto; height:50px; line-height:50px; background:#004861; padding:0px 30px; color:#fff; font-size:28px; display: inline-block; border-radius:10px; text-transform:uppercase; font-weight: 700; margin-top: 20px; } .hotsite-frase-rosa.yellow{ color:#fff; } .hotsite-frase-rosa.yellow h1,.hotsite-frase-rosa.yellow a,.hotsite-frase-rosa.yellow .pacote h3{ color:#ffcc00; } .hotsite-frase-rosa.yellow .pacote a { background:#ffcc00; color:#004861; } .hotsite-frase-rosa.yellow p a:hover{ color:#fff; } .hotsite-hospedagem{ background:#eee; padding:60px 0; } .hotsite-hospedagem h1{ margin-bottom:60px; text-align:center; } .hotsite-hospedagem .box{ border-right:solid 1px #ccc; text-align:center; } .hotsite-hospedagem .box h2, .hotsite-hospedagem .box h3, .hotsite-hospedagem .box h4, .hotsite-hospedagem .box h5{ font-size:22px; text-transform:uppercase; padding:15px; text-align:center; background:#00495d; color:#fff; } .hotsite-hospedagem .box ul{ list-style:none; } .hotsite-hospedagem .box li{ border-bottom:1px solid #ccc; padding:15px 0; text-align:center; } .hotsite-hospedagem .box div { text-align:center; font-size:26px; background:#e3e3e3; font-weight:700; padding:15px; color:#004861; } .hotsite-hospedagem .box a{ background:#ffcc29; display:inline-block; padding:10px 15px; line-height:30px; font-size:18px; font-weight:700; color:#333; margin-top: -10px;} .hotsite-hospedagem .box a:hover{ background:#004861; color:#ffcc29; } .hotsite-promocao{ padding:50px 0; } .hotsite-promocao h1{ text-align:center; margin-bottom:50px; padding-bottom:0px; } .hotsite-promocao h2{ margin-bottom:60px; font-size:22px; text-align: center; } .hotsite-promocao h2 i{ display: block; width: 80px; height: 3px; background: #ffcc00; margin: 16px auto 40px auto; } .hotsite-promocao .box{ margin-bottom: 30px; border-bottom:solid 1px #666; padding-bottom:30px; } .hotsite-promocao .box h2{ font-size:28px; text-decoration:underline; font-weight:700; text-align: left;} .hotsite-promocao .box h3{ line-height:60px; background:#ffcc00; font-size:36px; border-radius:15px; display:inline-block; padding:0px 20px; font-weight:300; margin-bottom:30px; } .hotsite-promocao .box h3 b{ font-weight: 700; } .hotsite-promocao .box .bordas{ border-right:solid 1px #666; border-left:solid 1px #666; padding: 10px 20px;} .hotsite-promocao .box .bordas i{ float: left; font-size: 40px; line-height: 60px; margin-right: 15px;} .hotsite-promocao .box .data{ float:left; } .hotsite-promocao .box .data h4{ font-size:30px; font-weight:800; margin-bottom:0px; } .hotsite-promocao .box .data p{ font-size:24px; font-weight:400; margin-bottom:0px; } .hotsite-promocao .box a{ font-size: 18px; line-height: 20px; color: #fff; font-weight: 700; background: #53c400; display: inline-block; padding: 10px 20px; border-radius: 15px; margin: 15px 0; } .hotsite-promocao .box a:hover{ background: #004861; color:#fff; } .hotsite-promocao .box a i{ float: left; font-size: 28px; padding: 10px 10px 0 0; color:#4c7202; } .hotsite-promocao .box a span{ float:left; } .hotsite-promocao .box a.red{ background:#F00; } .hotsite-promocao .box a.red i{ color:#fff; } .hotsite-promocao .box a.red:hover{ background:#333; } .hotsite-contatos{ background:#004861; text-align:center; padding:60px 0; } .hotsite-contatos h1{ font-size:24px; color:#fff; margin-bottom:0px; } .hotsite-contatos a{ font-size:30px; color:#fff; font-weight:600; margin-bottom:50px; display:inline-block; } .hotsite-contatos a:hover{ color:#ffcc00; } .hotsite-contatos h2{ color:#ffcc00; font-weight:600; font-size:24px; } .hotsite-contatos h2 span{ font-weight:400; color:#ccc; } .hotsite-contatos h2 i{ display:block; width:80px; height:3px; background:#ffcc00; margin: 16px auto 40px auto; } .hotsite-organizacao{ padding:60px; text-align:center; } .hotsite-organizacao img{ width:90%; } .hotsite-organizacao h1{ font-size:40px; font-weight:700; text-transform: uppercase; color: #004861;} .hotsite-organizacao h1 i{ display:block; width:80px; height:3px; background:#ffa916; margin: 16px auto 40px auto; } .hotsite-realizacao{ padding: 60px 0 50px 0; } .hotsite-realizacao h1{ text-align: center; width: 100%; text-decoration: none; margin:0 0 30px 0; font-size: 40px; font-weight:600; color:#004860; } /* FOOTER */ footer{ background:url(../img/bg/rodape.jpg) right no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } footer h2{ color:#fff; font-size:30px; font-weight:700; line-height:28px; margin-bottom:40px; } footer h2 span{ font-size:18px; font-weight:600; } footer h2.social{ margin:40px 0 20px 0; } footer h3{ font-size:16px; color:#fff; margin:30px 0 0 0; } footer a{ color:#fff; } footer a span{ font-size:18px; font-weight:700; } footer a:hover{ color:#000; } footer a i{ color:#243f96; font-size:36px !important; margin-right:15px; } footer .links{ border-left:solid 1px #243f96; padding: 0 0 30px 30px; } footer .links a{ display:block; line-height:30px; } footer .links a:hover{ color:#000; } footer .links a span{ color:#243f96; margin-right:5px; } footer .mens{ height:auto; line-height:50px; margin-bottom:15px; position: relative; background:#fff; border-radius: 3px; } footer .mens i{ left: 15px; bottom:15px; position: absolute; font-size: 20px; border: none; color: #ccc; } footer input[type="text"], footer input[type="email"]{ width: 100%; height: 50px; line-height: 50px; padding: 0px 10px 0px 50px; border: none; position: relative; border-radius: 5px; } footer textarea{ width:100%; height:140px; line-height:20px; padding:20px; border:none; resize:none; border-radius: 5px; margin-bottom:15px; } footer button[type="submit"]{ width:auto; height:50px; line-height:50px; background:#223f9b; display:inline-block; font-weight:600; color:#fff; padding:0px 30px; font-size: 16px; border-radius: 4px; border:none; } footer button[type="submit"]:hover{ background:#8057b7; } footer .soma{ background:none !important; } footer .soma label{ color: #fff; margin:0px; } footer .soma input[type="text"]{ width:80px; margin:0 0 0 15px; padding:0 15px; } /* FOOTER COPYRIGHT */ footer .copyright{ min-height:80px; background:#8057b7; color:#fff; padding:20px; text-align:center; margin-top:60px; } footer .copyright p{ margin-bottom:0px; } footer .copyright span{ font-size:12px; } footer .copyright span a{ color:#fff; font-weight:700; } footer .copyright span a:hover{ color:#000; }