@media (min-width: 1220px) {
    .container {width:1200px;}
}
a {text-decoration: none !important;color:#39b54a;font-weight: 400;}
a:hover, a:active, a:focus {color:#277a82;}
a.disabled, a.disabled i, a.disabled:hover, a.disabled i:hover {color: #82c8cd !important;font-weight: 400 !important;}
strong {font-weight:400;}
section.section {background: #fff;border:none;padding:25px 0;margin: 0;}
p {letter-spacing: -0.02em;}
h1 {font-size:30px;color:#325869;font-weight: 300;background: url(../images/back-1.png) left bottom no-repeat;padding-bottom: 10px;margin:0 0 20px 0;letter-spacing: -0.03em;font-family: 'Poppins';}
h1 span {color:#f26522;}
h2 {margin:0;font-size:20px;line-height:24px;color:#325869;font-weight: 400;letter-spacing: -0.01em;}
h2 span {font-size:28px;}
h3 {color:#325869;font-size: 15px;line-height: 22px;letter-spacing: -0.02em;margin:-5px 0 5px 0;font-weight: 300;}
.clear {height:0;clear:both;font-size:0;}
.rel {position:relative;}
.ftle {float:left;margin:-3px 0 10px 0;}
.alrg {text-align:right;}
.pdlf-xl {padding-left: 25px;}


/*Header Nav*/
#mainNav  li {margin-left: 30px;}
#header .header-nav-top {position:absolute;top:2px;right:0;margin:0;z-index:10;}
#header .header-nav.header-nav-top-line nav > ul > li > a {font-size:14px;font-weight:400 !important;text-transform: uppercase;}
#header .header-nav.header-nav-top-line nav > ul > li > a:before {content: "•";color:#fff;margin-right:5px;font-size:18px;}
#header .header-nav.header-nav-top-line nav > ul > li > a:hover {color:#f26522;}
#header .header-nav.header-nav-top-line nav > ul > li.active > a, #header .header-nav.header-nav-top-line nav > ul > li.active:hover > a, #header .header-nav.header-nav-top-line nav > ul > li.active > a:before, #header .header-nav.header-nav-top-line nav > ul > li.active:hover > a:before {content: "•";color:#f26522;}

/*Slider*/
.slider-container .main-label {font-family:'Open Sans';font-size:28px;font-weight: 300;letter-spacing: -0.02em;line-height: 32px;margin-left: -255px !important;}
.tp-caption.main-label.adj-1 {font-size:16px;line-height: 19px;}

/*Content*/
.compl {border-top: 1px solid #bcc5ca;margin-top:6px;height: 10px;margin-bottom:50px !important;}
.call {background: url(../images/back-3.png) right bottom no-repeat;color:#fff !important;font-family: 'Open Sans';font-size:21px;line-height:25px;text-align:right;padding:20px 20px 40px 25px;position:absolute;top:-25px;right:0;z-index:99;float: right;}
.trace-1 {border-top: 1px solid #c3e9c8;height:0;margin-left:30%;width:70%;}
.projetos {background: #8dc63f;padding-top: 20px;margin-bottom:1px;}
.it-proj { height: 100%;}
.thumb-info {border-top-left-radius: 4px !important;border-top-right-radius: 4px !important;}
.it-proj h2 {color: #fff;text-align: center;text-transform: none;font-size:15px;line-height:18px;font-weight: 300;padding:12px 10px;font-family: 'Open Sans';background: #f26522;border-top: 1px solid #fff;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.adj-2 {padding-right: 4px !important;}
#projetos {font-family:'Open Sans';letter-spacing: 0;padding-bottom: 0 !important;}
.adj-3 {padding-right: 30px;}


.lead-1 {color:#329087;font-size: 19px;line-height: 22px;letter-spacing: -0.02em;margin:-5px 0 20px 0;}
.lead-2 {color:#fff;font-size: 18px;line-height: 21px;letter-spacing: -0.01em;margin: 10px 0 5px 25px;display:block;}
.lead-3 {font-weight: 400;margin-bottom: 15px;display:block;}
.lead-3 span {color:#6fb1ab;}
.hr-1 {width:40px;height:0;border-top:#6fb1ab 3px solid;}
.hr-2 {width:100%;height:0;border-top:rgba(255,255,255,0.4) 1px dashed;margin:12px 0 20px;}
.caps {width: 40px;height:100%;text-align:right;min-height:290px;}
.title {height:40px;transform: rotate(-90deg);position:absolute;text-align:right;width:340px;}
.number {font-size:16px;color:#a1a1a1;font-weight: 100;opacity: 0.5;margin-right:10px;float: right;margin-top:15px;text-align:right;}
.trace {border-bottom: #e2e2e2 1px solid;width:80px;float: right;margin-top:25px;}

#nav-ajax {width:100%;height:95vh;}

#contato {background: #329087 url(../images/back-2.png) left top repeat;color:#fff;padding-top:18px !important;padding-bottom:0;border-bottom:1px solid #027e75;font-family:'Open Sans';letter-spacing: 0;}
.contato {padding:27px 0;}
#contato p {color:#fff;margin-bottom:0;}
#contato h1 {color:#fff;margin:0 0 20px;}
.ct-contato {float:right;padding:6px 20px;font-size:15px;}
#contato ul {list-style: none;margin: 0;padding: 0;}
#contato i {display: block;float: left;margin: 2px 8px 5px 0;position: relative;text-align: center;top: -2px;width: 16px;}

#contato h2 {color:#fff;}
#contato .trace {border-bottom:#5ba69f 1px solid;}
#contato .number {color:#99c1bd;}
#contato .fa-whatsapp, #contato .fa-skype {font-size: 1.2em;}
#contato .fa-mobile {font-size: 1.4em;margin-top:0;}
#contato .fa-envelope-0 {font-size: 1.1em;}
#contato a {color:#fff;font-weight: 300;}
#contato a:hover, #contato a:active, #contato a:focus {opacity:0.8;}
#contato ul li {line-height:18px;}
.invert {float:right;}
.grupo {color:#277a82;}
.enviado {text-align: center;padding-top:130px;}
.enviado-1 {text-align: center;padding-top:70px;}
.enviado p, .enviado-1 p {color:#fff;}

.masonry .masonry-item {width: 31.373%;padding:0 !important;margin:0 0 2% 2%;}

.btn-custom {background:#39b54a;border-radius:5px;color:#fff;border:none;font-size:14px;font-weight: 300;font-family:'Open Sans';}
.btn-custom:hover, .btn-custom:active, .btn-custom:focus {opacity:0.8;border:none;color:#fff;}
.btn-custom i {margin-left:12px;}

.icon-1 {background: url("../images/icon-1.png") no-repeat;width:60px;height:60px;}
.icon-2 {background: url("../images/icon-2a.png") no-repeat;width:60px;height:60px;}
.icon-3 {background: url("../images/icon-3a.png") 0 5px no-repeat;width:55px;height:60px;}


/*Carousel*/
.owl-theme .owl-dots .owl-dot span {background: #c7ee93;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #527a1d;}
.owl-theme .owl-controls .owl-nav [class*=owl-] {background: #334c58;opacity:0.6;}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {background: #334c58;opacity:0.9;}

/*Footer*/
#footer {background:#15506c;border:0;margin-top:0;font-family:'Open Sans';}
#footer.short {padding:30px 0 0;}
#footer .footer-copyright p {color:#1a9c9d;font-size:14px;letter-spacing: -0.02em;}
#footer .footer-copyright img {width:24px;margin-right:10px;opacity:0.8;}
#footer .footer-copyright img:hover {opacity:1;}
#footer .container .row > div {margin-bottom: 10px;}
#signature {background: url(../images/ionbr-logo.png) 0 0 no-repeat;width: 81px; height: 26px;float: right;margin: 7px 0;}


/*Custom Forms*/
.form-control {font-weight:300; border:0;background: rgba(255,255,255,0.2) !important;color:#fff;border: 1px solid rgba(255,255,255,0.3);-webkit-box-shadow:none;box-shadow: none;font-size:15px;font-family:'Open Sans';}
.form-control:focus, .form-control:active {border-bottom: 1px solid rgba(255,255,255,1);}
.form-control::-moz-placeholder, .form-control:-moz-placeholder {color: #000;opacity: 1;}
.form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder, .form-control input[placeholder] {color: #000 !important;}
.form-control:focus {box-shadow: none;}
#formTrab {width:100%; height:490px;}
#formCont {width:100%; height:310px;}
.cf-pd {padding:0 15px;float:left;}
.cf-12 {width: 100%;}
.cf-11 {width: 91.66666667%;}
.cf-10 {width: 83.33333333%;}
.cf-9 {width: 75%;}
.cf-8 {width: 66.66666667%;}
.cf-7 {width: 58.33333333%;}
.cf-6 {width: 50%;}
.cf-5 {width: 41.66666667%;}
.cf-4 {width: 33.33333333%;}
.cf-3 {width: 25%;}
.cf-2 {width: 16.66666667%;}
.cf-1 {width: 8.33333333%;}
.hg-01 {height:72px !important;}
.hg-02 {height:112px !important;}
.form-control::-moz-placeholder {color: rgb(255,255,255);opacity:0.7;}
.form-control:-ms-input-placeholder {color: rgba(255,255,255,0.7);}
.form-control::-webkit-input-placeholder {color: rgba(255,255,255,0.7);}    /*#bddbd9*/

/*Budget Forms*/
#custom-content .orca h1 {position:absolute;bottom:18px;margin:0;line-height: 20px;}
#custom-content .orca h2 {margin:0 0 20px;}
.modal-body {background:#5ba69f;border-radius:3px;color:#fff;}
.modal-body h3 {font-size:17px;font-weight:300;color:#095051;margin:0 0 7px 0;}
.modal-footer {border:0;}
.orca .form-group {margin-bottom:0 !important;}
.orca .form-group .form-control {margin-bottom:20px;}
.orca .form-group select.form-control {background:#5ba69f !important;}
.orca .lead-1 {text-align:center;padding:75px 0 50px; color:#fff;font-size:17px;}
.formCheck {width:16px;height:16px;}
.ck-lb {margin:-19px 0 10px 20px;font-weight:300;}
#orcaForm .modal-footer {padding: 0;padding-top:15px;}



/*Custom Theme*/
.sort-source > li > a {padding: 6px 0;}
.nav-pills > li > a, .nav-pills > li > a:hover, .nav-pills > li > a:focus {color: #464646;background-color: transparent !important;font-size:15px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color: #7fb4b8;background-color: transparent !important;}
.nav-pills.sort-source > li {padding-right: 12px;}
ul.portfolio-list {list-style: none;margin:0 -15px;padding: 0;}
.thumb-info .thumb-info-title h2 {color:#fff;margin:0;}
.thumb-info .thumb-info-type {background-color: transparent;}
.mfp-close, .mfp-close-btn-in .mfp-close {font-size: 60px;font-weight: 100;font-family: 'Roboto', sans-serif;right: 25px;}

.btn-3d {padding:5px 25px;font-weight: 300;}
.btn-3d:hover, .btn-3d:active, .btn-3d:focus {background: #e6e6e6; !important;;}
.btn-3d i {margin-left: 10px;}

.feature-box .feature-box-icon {background: #CCC;border-radius: 35px;color: #1a9c9d;display: inline-block;float: left;height: 35px;line-height: 35px;margin-right: 10px;position: relative;text-align: center;top: 5px;width: 35px;opacity:0.7;}

/*LightBox*/
.mfp-wrap {top:0 !important;overflow-y: hidden !important;}
.mfp-bg {background:#fff;opacity:1;}
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.9;}
.mfp-container {padding:0;}
.mfp-content {height:100%;}
#custom-content h1, #custom-content h2, #custom-content h3 {text-align:left;float: none;line-height: 24px;}
#custom-content h1 {font-size: 24px;opacity: 1;}
#custom-content h2 {font-size: 18px;color:#329087;letter-spacing: inherit;padding-left: 0;margin-top:10px;}
.white-popup-block {margin:0;padding:20px 0;}
.white-popup-block.white-popup-block-md {max-width: 100%;height:100%;overflow:auto;}
#basemodal, #baseMod, #ler-e-sonhar, #lerSonhar, #bebeteca, #bebetec, #educar-e-aprender, #educarAprender, #portal-do-saber, #portalSaber, #espaco-cultural, #espacoCultural, #gibiteca, #gibitec, #inclusoteca, #inclusotec, #educacao-em-sexualidade, #educacaoSexualidade, #unibebe, #uniBeb, #jogando-e-aprendendo, #jogandoAprendendo, #projetos-diversos, #projetosDiversos {width:100%;height:100%;}




/*Gallery*/
.img-thumbnail {border:0 !important;}
.thumb-info .thumb-info-inner {background: transparent;padding:0;margin:0 -20px;font-size:30px;}
.thumb-info .thumb-info-type {font-size:12px;line-height: 12px !important;font-weight: 200;letter-spacing:0.05em;margin-top:1px;}


.nav-proj {border-top:1px solid #c3e9c8;padding:20px;margin:0;max-width: 100% !important;}
.nav-proj a.nav-previous, .nav-proj a.nav-next {color:#39b54a;max-width:45%;}
.nav-proj a.nav-previous:hover i, .nav-proj a.nav-next:hover i, .nav-proj a.nav-previous:hover > span.nav-title, .nav-proj a.nav-next:hover > span.nav-title {color:#277a82;}
.nav-proj a.nav-previous {margin-right: 10px;display: block;float:left;padding-left:10px;}
.nav-proj a.nav-next {margin-left: 10px;text-align: right;display: block;float:right;padding-right:10px;}
.nav-proj a.nav-previous i {position: absolute;left: 15px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 42px;}
.nav-proj a.nav-next i {position: absolute;right: 15px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 42px;}
.meta-nav {color: #82c8cd;font-size: 11px;line-height: 14px;text-transform: uppercase;}
.nav-proj span {display:block;}
.nav-title {color:#39b54a;font-weight:400;letter-spacing:-0.03em;}



@media (max-width: 1199px) {
    .slider-container .main-label {margin-left: -140px !important;}

}

@media (max-width: 991px) {
    .slider-container .main-label {margin-left: -50px !important;}
    .compl {margin-bottom:110px !important;}


}

@media (max-width: 799px) {
    .adj-2 {padding-right: 15px !important;}
}

@media (max-width: 767px) {
    .slider-container .main-label {margin-left: 15px !important;}
    .tp-leftarrow.default, .tp-rightarrow.default {visibility: hidden;}
    .call {padding-left:15%;font-size:18px;line-height:23px;}
    h1 {font-size:25px;}
    #formCont {height:390px;}
    .form-control {font-size:14px}
    #custom-content h1 {font-size: 20px;}

    .mfp-close, .mfp-close-btn-in .mfp-close {right:10px;}
    #footer .footer-copyright p {font-size:14px;}

}

@media (max-width: 736px) {
    .call {padding-left:10%;}
}

@media (max-width: 630px) {
    .call {padding-left:20px;padding-bottom:30px;}
    .compl {margin-bottom:120px !important;}
    .cf-10 {width: 75%;}
    .cf-6 {width: 100%;}
    .cf-2 {width: 25%;}
}


@media (max-width: 479px) {
    .cf-2 {padding-left:0;}
    .compl {margin-bottom:180px !important;}
    .nav-proj a.nav-previous {margin-right: 10px;padding-left:0;}
    .nav-proj a.nav-next {margin-left: 10px;padding-right:0;}

}

@media (max-width: 380px) {
    .cf-10 {width: 70%;}
    .cf-2 {width: 30%;}

}

@media (max-width: 350px) {
    .compl {margin-bottom:210px !important;}
}

@media (max-width: 300px) {
    .compl {margin-bottom:260px !important;}
}