.h_iframe {
    position:relative
}
.h_iframe .ratio {
    display:block;
    width:100%;
    height:auto
}
.h_iframe iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
@font-face {
    font-family:"Raleway";
    font-style:normal;
    src:url("fonts/Raleway Bold.woff")
}
@font-face {
    font-family:"Open Sans";
    font-style:normal;
    font-weight:400;
    src:url("fonts/Open Sans.woff")
}
@font-face {
    font-family:"Roboto Condensed";
    font-style:normal;
    font-weight:400;
    src:url("fonts/Roboto Condensed.woff")
}
.wrapper {
    width:100%;
    overflow:hidden
}
.content {
    max-width:1100px;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    padding:25px 0;
    text-align:justify
}
.content img {
    max-width:100%
}
@media screen and (max-width:768px) {
    .content {
        padding:15px 15px;
        text-align:justify
    }
}
h1,h2,h3,h4,h5,h6 {
    font-family:"Roboto Condensed" !important;
    word-wrap:break-word;
    -moz-hyphens:auto;
    text-align:justify
}
.header-wrapper {
    width:100%;
    background:#1b1e1f;
}
.fixed-at-top {
    position:fixed;
    top:0;
    left:0;
    z-index: 1000;
}
.header {
    max-width:1100px;
    width:100%;
    margin:0 auto;
    padding:15px 0
}
.header ul.navbar-nav {
    float:right
}
.header .navbar-nav>li>a {
    font-family:"Roboto Condensed";
    font-size:1.2em;
    text-transform:uppercase;
    padding:13px 18px
}
a.area-do-cliente {
    font-size:11px;
    font-weight:bold
}
a.area-do-cliente:hover {
    background:none !important
}
a.area-do-cliente>li a {
    font-size:11px
}
ul.navbar-right a.brasil {
    margin-top:10px;
    background:url('../images/icons/brasil.jpg') no-repeat center center;
    min-width:35px
}
ul.navbar-right li a.brasil:hover {
    background:url('../images/icons/brasil.jpg') no-repeat center center
}
ul.navbar-right a.eua {
    margin-top:10px;
    background:url('../images/icons/eua.jpg') no-repeat center center;
    min-width:35px
}
ul.navbar-right li a.eua:hover {
    background:url('../images/icons/eua.jpg') no-repeat center center
}
ul.navbar-right a.espanha {
    margin-top:10px;
    background:url('../images/icons/espanha.jpg') no-repeat center center;
    min-width:35px
}
ul.navbar-right li a.espanha:hover {
    background:url('../images/icons/espanha.jpg') no-repeat center center
}
.slideshow-wrapper {
    width:100%
}
@media all and (max-width:380px) {
    .slideshow-wrapper {
        display:none
    }
}
.slideshow {
    max-width:1100px;
    width:100%;
    margin:0 auto
}
.slideshow img {
    width:100%
}
.features-wrapper {
    width:100%;
    background:#1b1e1f;
    padding-top: 25px;
}
section#features {

    max-width:1100px;
    width:100%;
    margin:0 auto;
    overflow:hidden
}
#features h1 {
    padding-left:15px;
    font-size:30px
}
#features h1 span {
    font-weight:bold;
    font-size:30px;
    color:#ff0000
}
#features .item img {
    margin-bottom:5px;
    width:100%
}
@media screen and (max-width:380px) {
    #features h1 {
        font-size:28px
    }
    #features h1 span {
        display:block;
        margin:10px 0 15px 0
    }
}
.services {
    background:url(../images/testimonials-bg.jpg);
    padding:25px 0
}
#services h1 {
    font-size:26px;
    margin:-10px 15px 30px 15px;
    padding:3px 10px;
    background:#f8f8f8;
    text-shadow:0 1px 0 #ccc;
    box-shadow:1px 2px 1px #ccc;
    color:#0c557a
}
#services h3 span {
    font-size:16px
}
#services .item .image {
    padding:0
}
#services .description h3 {
    margin-top:0
}
#services .read-more {
    float:right;
    font-size:12px;
    font-weight:bold
}
@media all and (max-width:380px) {
    .services .item .description {
        padding:0 10px 0 25px
    }
}
.responsive {
    width:100%;
    background:#fff;
    overflow:hidden;
    padding:15px 0
}
section#responsive {
    max-width:1100px;
    width:100%;
    margin:0 auto;
    overflow:hidden
}
#responsive h3 {
    font-size:26px;
    font-weight:bold
}
#responsive h3 span {
    font-size:20px;
    font-weight:normal;
    color:#7491b3
}
#responsive .col-left img {
    max-width:300px;
    width:100%;
    float:left;
    margin:0 10px 10px 0
}
#responsive .col-left .alert {
    clear:both;
    overflow:hidden
}
#responsive span#solicitar {
    margin-top:15px;
    float:right
}
#responsive .col-left .form-hidden {
    display:none;
    overflow:hidden;
    padding:10px;
    margin-top:15px;
    background:#fff;
    border:1px solid #ccc
}
.form-hidden label {
    width:80px;
    display:inline-block;
    font-weight:normal;
    margin-bottom:0
}
.form-hidden input[type="text"],.form-hidden input[type="email"],.form-hidden input[type="telephone"],.form-hidden select,.form-hidden textarea {
    padding:5px 5px;
    width:100%;
    border-radius:0;
    border:1px solid #bbb;
    margin-bottom:5px
}
.form-hidden input[type="text"]:focus,.form-hidden input[type="email"]:focus,.form-hidden input[type="telephone"]:focus {
    background:#f8f8f8;
    border-color:#777
}
.form-hidden textarea {
    resize:none;
    height:83px
}
.form-hidden input[type="submit"] {
    clear:both;
    float:left;
    display:block;
    margin-top:12px;
    margin-left:15px
}
#responsive .col-right img {
    width:100%
}
@media screen and (max-width:380px) {
    #responsive h3 {
        margin-top:0;
        margin-bottom:20px
    }
}
section#depoimentos h1 {
    font-size:26px;
    margin-bottom:20px
}
#depoimentos .item {
    display:none
}
#depoimentos .item#deposlide0 {
    display:block
}
.menu-depo-select {
    margin-bottom:15px;
    padding-right:25px;
    text-align:right
}
@media all and (max-width:768px) {
    .menu-depo-select {
        padding-right:0
    }
}
@media all and (max-width:480px) {
    .menu-depo-select {
        text-align:left
    }
}
.menu-depo-select a {
    display:inline-block;
    padding:3px 11px;
    margin-right:5px;
    background:#fff;
    border:1px solid #dfdfdf;
    text-align:center;
    font-weight:bold;
    text-decoration:none
}
.menu-depo-select a:hover {
    background:#ddd;
    text-decoration:none;
    transition:all 1s
}
.menu-depo-select a:focus {
    text-decoration:none
}
#depoimentos .item .text {
    overflow:hidden;
    font-size:18px;
    font-style:italic
}
#depoimentos .item img {
    float:left;
    padding-right:15px
}
#depoimentos .item .credit {
    line-height:1;
    margin-top:20px
}
#depoimentos .item .credit strong {
    display:block;
    font-size:17px
}
#depoimentos .item .credit span.msg {
    display:block;
    margin-top:20px;
    font-size:14px
}
@media screen and (max-width:380px) {
    #depoimentos .item {
        text-align:center
    }
    #depoimentos .item img {
        float:none
    }
    #depoimentos .item span {
        display:block
    }
}
.news-wrapper {
    width:100%;
    background:#f2f2f2;
    overflow:hidden;
    padding-bottom:20px
}
section.news h3 {
    font-size:26px;
    margin-bottom:20px
}
.news article {
    overflow:hidden;
    margin-bottom:10px
}
.news article header h4 {
    font-size:14px;
    font-weight:bold;
    margin:0;
    margin-bottom:4px
}
.news article .img {
    width:25%;
    max-width:110px;
    height:70px;
    float:left;
    overflow:hidden;
    border:1px solid #dfdfdf;
    background:#fff
}
.news article .img img {
    max-width:100%
}
.news article .text {
    width:73%;
    float:left;
    overflow:hidden;
    padding:0 0 0 2%;
    font-size:12px
}
.news article .text img {
    max-width:120px;
    float:left;
    margin:0 10px 0 0;
    border:1px solid #333
}
.news article .text a.btn {
    float:right
}
@media screen and (min-width:768px) {
    .news article .text p {
        max-height:60px
    }
}
@media screen and (max-width:380px) {
    section.news {
        margin-top:20px
    }
}
.footer {
    background:#000;
}
.footer .item {
    width:23%;
    float:left;
    margin:0 1%;
    font-family:"open sans"
}
.footer .item.big {
    width:25%
}
.footer .item.no-margin {
    margin:0
}
.footer .item h3 {
    font-size:23px;
    color:#fff;
    margin-bottom:30px
}
.footer .item p,.footer .item li,.footer .item a {
    font-size:16px;
    color:#fff
}
.footer .item a {
    color:#2ba8bd
}
.footer .item ul {
    list-style:square;
    padding:0;
    margin:0
}
.footer .item ul li {
    margin-left:20px
}
.footer ul.no-style {
    list-style:none;
    margin:0;
    padding:0
}
.footer ul.no-style li {
    margin-left:0
}
@media screen and (max-width:768px) {
    .footer .item,.footer .item.big {
        width:48%;
        margin:10px 1%
    }
}
@media screen and (max-width:380px) {
    .footer .item,.footer .item.big {
        width:100%;
        margin:10px 0;
        text-align:center
    }
}
.copyrights {
    background:#1b1e1f;
    border-top:1px solid rgba(255,255,255,.1)
}
.copyrights p {
    margin:0;
    color:#fff;
    line-height:36px
}
.copyrights .midia-social {
    overflow:hidden
}
.copyrights .midia-social img {
    float:center;
    margin-left:4px;
    width:36px
}
.copyrights .midia-social img:hover {
    opacity:.4;
    transition:all 1s
}
@media screen and (max-width:768px) {
    div[class*="col"] {
        width:100%;
        margin:10px 0;
        padding:0
    }
    .copyrights p {
        text-align:center;
        line-height:1.2
    }
    .copyrights .midia-social {
        text-align:center
    }
    .copyrights .midia-social img {
        float:none
    }
}
#back-to-top {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:10;
    width:auto;
    background:#ccc url(../images/icons/arrow_up.png) center center no-repeat;
    padding:25px;
    text-decoration:none
}
#back-to-top:hover {
    background-color:#555;
    color:#fff;
    transition:all 1s;
    moz-transition:all 1s;
    webkit-transition:all 1s
}
.title-wrapper {
    background:#e3e3e3 url(../images/testimonials-bg.jpg);
    border-bottom:1px solid #ccc
}
.title-wrapper h1 {
    font-size:30px;
    color:#333;
    margin:0;
    text-transform:uppercase
}
.title-wrapper h1 span {
    color:#0083c7
}
.title-wrapper div[class*="col"] {
    padding:0
}
.title-wrapper .breadcrumb {
    background:none;
    margin:0;
    text-align:right
}
h3.sub {
    margin:0 0 25px 0
}
h3.sub span {
    font-weight:bold;
    font-size:28px
}
@media screen and (max-width:480px) {
    .title-wrapper .breadcrumb {
        display:none
    }
    .title-wrapper div[class*="col-xs-12"]+div[class*="col-xs-12"] {
        display:none
    }
}
#quemsomos .right img {
    margin-top:20px
}
#servicos .item {
    width:46%;
    height:185px;
    margin:0 2% 30px 2%;
    float:left
}
#servicos .img-thumbnail {
    float:left;
    width:48%;
    margin-right:2%
}
#servicos .desc {
    float:left;
    width:50%
}
#servicos .item img {
    width:100%;
    max-width:250px;
    float:left;
    margin:0 0 0 0
}
#servicos h4 {
    margin-top:2px;
    color:#0083c7
}
@media all and (max-width:480px) {
    #servicos .item {
        width:100%;
        height:auto;
        margin:15px 0 15px 0
    }
    #servicos .item img {
        width:100%;
        max-width:320px;
        margin:0 0 0 0;
        float:none
    }
    #servicos .img-thumbnail {
        margin-bottom:15px
    }
    #servicos .img-thumbnail,#servicos .desc {
        width:100%;
        text-align:center
    }
}
.contrate {
    background-color:#eff2f3;
    padding:40px
}
.contrate .content {
    display:table
}
.contrate .text {
    display:table-cell;
    width:75%;
    margin-right:5%
}
.contrate h3 {
    font-size:30px;
    font-weight:normal;
    margin:0
}
.contrate h3 span {
    display:block;
    font-size:20px;
    color:#777
}
.contrate .bt {
    display:table-cell;
    width:20%;
    text-align:right
}
.contrate a.btn {
    padding:25px
}
@media screen and (max-width:480px) {
    .contrate {
        padding:0 20px
    }
    .contrate .text,.contrate .bt {
        width:100%;
        margin:10px 0;
        float:left;
        text-align:center
    }
    .contrate .text h3 span {
        margin-top:15px
    }
}
@media screen and (max-width:480px) {
    ul.list.clearfix {
        padding-left:0;
        margin:0 auto
    }
}
#contato .col-left {
    width:30%;
    margin-right:5%;
    float:left;
    color:#7e7e7e
}
#contato .col-right {
    width:65%;
    float:left
}
#contato .col-left h3 {
    font-size:20px;
    margin-bottom:30px;
    color:#000
}
#contato .col-left ul {
    list-style:none;
    padding:0;
    margin:0
}
#contato .col-left li {
    font-weight:normal;
    margin:5px 0;
    padding:2px 0 2px 25px
}
#contato .col-left li.phone {
    background:url(../images/icons/icon_phone.png) no-repeat center left
}
#contato .col-left li.mail {
    background:url(../images/icons/icon_mail.png) no-repeat center left
}
#contato .col-left li.home {
    background:url(../images/icons/icon_home.png) no-repeat center left
}
#contato .col-right h3 {
    margin-bottom:20px
}
.contact-form {
    margin-top:30px
}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea {
    background:#efefef;
    padding:10px 6px;
    margin-bottom:20px;
    border-radius:0;
    border:1px solid #dedede;
    font-size:12px;
    color:#555;
    text-transform:uppercase
}
.contact-form input[type="text"],.contact-form input[type="email"] {
    width:100%;
    max-width:400px
}
.contact-form textarea {
    width:100%;
    height:180px;
    max-width:620px;
    resize:none
}
.contact-form input[type="text"]:focus,.contact-form input[type="email"]:focus,.contact-form textarea:focus {
    background:#fff
}
.contact-form input[type="submit"] {
    border-radius:0;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase
}
.contact-form .mensagem-do-form {
    margin-top:20px;
    font-size:11px;
    font-weight:bold
}
.contact-form input.half {
    max-width:200px;
    width:100%;
    display:inline-block
}
@media screen and (max-width:600px) {
    #contato .col-left,#contato .col-right {
        width:100%;
        margin:0 0 20px 0
    }
}
#aprendaingles .slide-wrapper {
    height:550px;
    width:100%;
    background:url(../images/aprendaingles.png);
    background-size:100% 100%;
    background-size:cover
}
#estudeingles .slide-wrapper {
    height:550px;
    width:100%;
    background:url(../images/estudeingles.png);
    background-size:100% 100%;
    background-size:cover
}
#workenglish .slide-wrapper {
    height:550px;
    width:100%;
    background:url(../images/workenglish.png);
    background-size:100% 100%;
    background-size:cover
}
#goenglish .slide-wrapper {
    height:550px;
    width:100%;
    background:url(../images/goenglish.png);
    background-size:100% 100%;
    background-size:cover
}
#thinkenglish .slide-wrapper {
    height:550px;
    width:100%;
    background:url(../images/thinkenglish.png);
    background-size:100% 100%;
    background-size:cover
}
#land .slide-wrapper .slide {
    max-width:1100px;
    width:100%;
    margin:0 auto
}
#land .slide h1 {
    margin-top:0;
    padding-top:70px;
    color:#fff;
    font-size:72px;
    text-shadow:1px 1px 1px #333
}
#land .slide h2 {
    margin-top:70px;
    font-size:48px
}
@media screen and (max-width:768px) {
    #land .slide-wrapper {
        display:none
    }
}
#intro h1 {
    margin-bottom:20px
}
#intro .item {
    width:33.333333%;
    float:left;
    text-align:center
}
#intro .item h3 {
    color:#0083c7
}
#intro .item img {
    margin-bottom:12px
}
@media screen and (max-width:480px) {
    #intro .item {
        width:100%;
        margin-bottom:15px
    }
}
#intro2 img {
    max-width:550px;
    width:100%
}
#orcamento h1 span {
    display:block;
    color:#0083c7;
    font-size:28px
}
.orcamento-form {
    width:90%;
    margin-top:20px
}
.orcamento-form .col-left,.orcamento-form .col-right {
    width:47%;
    margin-right:3%;
    float:left
}
.orcamento-form .row-bottom {
    clear:both
}
.orcamento-form input[type="text"],.orcamento-form input[type="email"],.orcamento-form textarea {
    background:#efefef;
    padding:10px 6px;
    margin-bottom:20px;
    border-radius:0;
    border:1px solid #dedede;
    font-size:12px;
    color:#555;
    text-transform:uppercase
}
.orcamento-form select {
    background:#efefef;
    width:100%;
    padding:10px 6px;
    height:39px;
    margin-bottom:20px;
    border-radius:0;
    border:1px solid #dedede;
    font-size:12px;
    color:#555;
    text-transform:uppercase
}
.orcamento-form select>option {
    padding:10px 6px
}
.orcamento-form input[type="text"],.orcamento-form input[type="email"] {
    width:100%
}
.orcamento-form textarea {
    width:97%;
    height:180px;
    resize:none
}
.orcamento-form input[type="text"]:focus,.orcamento-form input[type="email"]:focus,.orcamento-form select:focus,.orcamento-form textarea:focus {
    background:#fff
}
.orcamento-form .mensagem-do-form {
    margin-top:20px;
    font-size:11px;
    font-weight:bold
}
.orcamento-form input#email,.orcamento-form input#cidade {
    width:60%;
    margin-right:5%;
    display:inline-block;
    float:left
}
.orcamento-form input#telefone,.orcamento-form input#telefone2 {
    width:35%;
    display:inline-block;
    float:left
}
.orcamento-form input[type="checkbox"] {
    margin-right:6px
}
.orcamento-form input[type="checkbox"]+span {
    margin-right:10px
}
.orcamento-form fieldset.recursos {
    margin-bottom:13px
}
.orcamento-form fieldset.recursos label {
    display:block
}
.orcamento-form .mensagem-do-form .bg-success {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    padding:25px 0;
    font-size:20px;
    text-align:center
}
.orcamento-form .mensagem-do-form button.close {
    float:none;
    margin-left:20px
}
@media screen and (max-width:600px) {
    #orcamento .col-left,#orcamento .col-right {
        width:100%;
        margin:0 0 20px 0
    }
}
.tecnologias {
    background:url(../images/testimonials-bg.jpg) repeat
}
#tecnologias {
    padding-top:30px;
    padding-bottom:40px
}
#tecnologias h1 {
    margin-bottom:50px;
    text-align:left
}
#tecnologias h1 span {
    display:block;
    color:#0083c7;
    font-size:28px
}
#tecnologias img {
    max-width:100px;
    margin-right:15px
}
@media screen and (max-width:480px) {
    #tecnologias {
        text-align:center
    }
    #tecnologias img {
        max-width:50px;
        margin-bottom:10px
    }
}
#vantagens {
    padding-top:40px;
    padding-bottom:40px
}
#vantagens h1 {
    margin-top:0
}
* {
    margin:0;
    padding:0
}
body {
    font:14px Georgia,serif
}
#page-wrap {
    width:960px;
    padding:0 0 0 115px
}
.info-col {
    float:left;
    width:132px;
    height:100%;
    padding:25px 0 0 0
}
.info-col h2 {
    text-align:center;
    font-weight:normal;
    padding:15px 0
}
.image {
    height:100px;
    text-indent:-9999px;
    display:block;
    border-right:1px solid #fff
}
.comunicacaoempresarial {
    background:url(../images/comunicacaoempresarial.jpg) center center no-repeat
}
.inglestecnico {
    background:url(../images/inglestecnico.jpg) center center no-repeat
}
.traducao {
    background:url(../images/traducao.jpg) center center no-repeat
}
.treinamento {
    background:url(../images/treinamento.jpg) center center no-repeat
}
.treinamento {
    background:url(../images/treinamento.jpg) center center no-repeat
}
dt {
    padding:15px;
    background:#999;
    color:#fff;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff
}
dd {
    position:absolute;
    left:-9999px;
    top:-9999px;
    width:320px;
    background:#900;
    padding:10px;
    color:#fff;
    border-right:1px solid #fff
}
dt:nth-of-type(1) {
    background:#0080a7
}
dd:nth-of-type(1) {
    background:#0080a7
}
dt:nth-of-type(2) {
    background:#4cd5ff
}
dd:nth-of-type(2) {
    background:#4cd5ff
}
dt:nth-of-type(3) {
    background:#00c3ff
}
dd:nth-of-type(3) {
    background:#00c3ff
}
dt:nth-of-type(4) {
    background:#266b7f
}
dd:nth-of-type(4) {
    background:#266b7f
}
dt:nth-of-type(5) {
    background:#009ccc
}
dd:nth-of-type(5) {
    background:#009ccc
}
dt:nth-of-type(6) {
    background:#2750a1
}
dd:nth-of-type(6) {
    background:#2750a1
}
dt:nth-of-type(7) {
    background:#8bb1ff
}
dd:nth-of-type(7) {
    background:#8bb1ff
}
.curCol {
    -moz-box-shadow:0 0 10px rgba(0,0,0,.2);
    -webkit-box-shadow:0 0 0 rgba(0,0,0,.2);
    z-index:1;
    position:relative
}
.navbar-brand img {
    max-width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 10px; /* Ajuste conforme necessário */
    left: 20px; /* Mantém a logo na esquerda */
    transform: none; /* Remove a centralização */
    z-index: 10; /* Mantém sobre o slideshow */
}

.slideshow-wrapper {
    margin-top: 0; /* Remove o espaço extra */
}

.navbar {
    position: relative;
    z-index: 20; /* Mantém a navegação sobre a logo */
}