@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);


@media(min-width: 768px){
}

@media(max-width: 767px){
}


/* GLOBAL CONFIG
//////////////////////////////////////////////////////////////////////////////////////////*/
body, html { height: 100% }

body {
  font-family: "Montserrat", Sans-serif;
  font-size: 12pt;
  font-weight: 400;
  color: #444 }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both }



/* WIDTH PAGE
//////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 768px) {
  .container {
    width: 1100px;
    padding: 0 }
}

@media (min-width: 768px) and (max-width: 949px) {
  .container {
    width: auto;
    padding: 0 20px }
}



/* BRAND COLORS
//////////////////////////////////////////////////////////////////////////////////////////*/
a { color: #0077BD }

.btn-primary {
  background: #0077BD;
  border: 0 }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active { background: #013765 }

.bg-gray { background: #EEE }


/* HEADER
//////////////////////////////////////////////////////////////////////////////////////////*/
header {
  background-color: rgba(23,51,91,1);
  width: 100%;
  height: 140px }

.inner.curso header { 
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px } 

header.affix {
  position: fixed !important;
  z-index: 1000;
  transition: 1s; }

header .container {
  position: relative;
  padding: 0 }

@media(max-width: 767px){
  header{ height: 72px }
}

.bartop {
  height: 50px;
  background: #17335B }

.bartop ul.bartop-menu {
  padding-left: 160px;
  font-size: 0;
  margin: 0;
  list-style: none }

.bartop ul.bartop-menu li {
  font-size: 16px;
  display: inline-block;
  border-right: 1px solid rgba(0,0,0,0.5);
  border-left: 1px solid rgba(255,255,255,0.15) }

.bartop ul.bartop-menu li:first-of-type { border-left: 0 }

.bartop ul.bartop-menu li:nth-last-child(2),
.bartop ul.bartop-menu li:last-child { border-right: 0 }

.bartop ul.bartop-menu li:last-child {
  float: right;
  border-left: 0 }

.bartop ul.bartop-menu li a {
  font-size: 87.5%;
  display: inline-block;
  line-height: 50px;
  padding: 0 15px;
  color: rgba(255,255,255,0.5) }

.bartop ul.bartop-menu li a:hover {
  text-decoration: none;
  background: rgba(0,0,0,0.1);
  color: #FFF !important }

.bartop ul.bartop-menu li.socialmedia { padding: 0 10px }
.bartop ul.bartop-menu li.socialmedia a { padding: 0 6px }

.bartop ul.bartop-menu li.dropdown a,
.bartop ul.bartop-menu li.dropdown a:hover,
.bartop ul.bartop-menu li.dropdown a:active,
.bartop ul.bartop-menu li.dropdown a:focus {
  text-transform: uppercase;
  line-height: normal;
  text-align: left;
  border: 0;
  padding: 5px 24px 9px 24px;
  border-radius: 0;
  background: #0077BD }

.bartop ul.bartop-menu li.dropdown:hover > a,
.bartop ul.bartop-menu li.dropdown:active > a,
.bartop ul.bartop-menu li.dropdown:focus > a { color: #FFF }

.bartop ul.bartop-menu li.dropdown a span {
  font-size: 70%;
  font-weight: 300 }

.bartop ul.bartop-menu li.dropdown .dropdown-menu {
  width: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #0077BD }

.bartop ul.bartop-menu li.dropdown .dropdown-menu li {
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-top: 1px solid rgba(255,255,255,0.15) }

.bartop ul.bartop-menu li.dropdown .dropdown-menu li:first-of-type { border-top: 0 }

.bartop ul.bartop-menu li.dropdown .dropdown-menu li a {
  padding: 10px 25px;
  text-align: right;
  display: block; }



/* BRAND
//////////////////////////////////////////////////////////////////////////////////////////*/
.brand {
  z-index: 1;
  position: absolute;
  top: -35px;
  left: 0 }

.inner.curso .brand { top: 10px !important }  

.inner.curso .brand img { height: 30px }  

.navbar-brand  {
  width: 80px;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -40px;
  z-index: 10000;
  padding: 0 } /* class mobile device */

.navbar-brand img { width: 100% }



/* NAVBAR
//////////////////////////////////////////////////////////////////////////////////////////*/
.navbar {
  padding: 0;
  margin: 0 }

.navbar-nav li a {
  font-weight: 700;
  line-height: 100%;
  padding: 0;
  text-transform: uppercase;
  opacity: 0.4;
  color: #17335A;
  display: inline-block;
  font-size: 80%  }

/*.inner.curso .navbar-nav {
  margin-top: -18px;
  margin-left: -860px;
}

.inner.curso .navbar-nav li {
  
}*/

.inner.curso .navbar-nav li a {
  opacity: 1;
  color: #FFF }

.navbar-nav li:hover .dropdown-menu { display: block }

.navbar-nav > li:hover > a,
.navbar-nav li.active a,
.navbar-nav li a:active,
.navbar-nav li a:focus,
.navbar-nav li a:hover,
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover {
  opacity: 1;
  background: none }

.navbar-nav li a img { margin-right: 10px }

.navbar-nav li.login { position: relative }

.navbar-nav li.login a .icologin {
  margin-right: 10px;
  position: relative;
  top: 6px;
  background: url(img/icomenu-login.png) no-repeat;
  display: inline-block;
  width: 18px;
  height: 21px }

.modal#search { background: rgba(9,19,36,0.9) }

.modal#search .modal-content {
  top: 100px;
  border: 0;
  background: none;
  box-shadow: none }

.modal#search .modal-header { border: 0 }

.modal#search .modal-header .close {
  opacity: 0.8;
  color: #FFF }

.modal#search .modal-body .form-control {
  border: 0;
  color: #FFF;
  font-size: 180%;
  background: none;
  box-shadow: none;
  border-radius: 0;
  padding: 30px 10px;
  border-bottom: 3px solid rgba(255,255,255,0.3) }

@media (min-width: 768px) {

  .navbar {
    position: absolute;
    top: 5px;
    right: 0 }
  
  .inner.curso .navbar {
    top: 0;
    text-align: right;
    padding-top: 12px;
    border-radius: 0;
    width: 100%;
    float: none  }

  .navbar-collapse { padding: 0 }

  .navbar-nav {
    display: table;
    table-layout: auto }
  
  .inner.curso .navbar-nav {
    float: none;
    display: inline-block;
    table-layout: inherit }

  .navbar-nav > li {
    padding: 5px 0;
    display: inline-block;
    float: none;
    text-align: center }
  .inner.curso .navbar-nav > li { 
    display: inline;
    margin-left: 25px }

  .navbar-nav li.login {
    position: relative;
    top: 0;
    right: 0 }

  .navbar-nav li.login > a {
    background: #DDD;
    border-radius: 5px;
    box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
    padding: 18px 28px 28px 28px }

  .navbar-nav li.login > a:hover,
  .navbar-nav li.login:hover > a:hover,
  .navbar-nav li.login:hover > a {
    opacity: 1;
    color: #FFF;
    /*border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;*/
    background: #0077BD }

  .navbar-nav li.login a:hover .icologin,
  .navbar-nav li.login:hover > a:hover .icologin,
  .navbar-nav li.login:hover > a .icologin { background: url(img/icomenu-loginhover.png) }

  .navbar-nav li.login .login-group,
  .navbar-nav li.login .login-form { display: none }

  .navbar-nav li.login:hover .login-group,
  .navbar-nav li.login .login-group:hover .login-item:hover .login-form { display: block }

  .navbar-nav li.login .login-group {
    height: 185px;
    width: 220px;
    position: absolute;
    z-index: 100;
    top: 68px;
    right: 0 }

  .navbar-nav li.login .login-item { background: #0077BD }

  .navbar-nav li.login .login-item:nth-of-type(1) { border-top-left-radius: 5px  }
  .navbar-nav li.login .login-item:nth-of-type(3) { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px  }

  /*.navbar-nav li.login .login-group:hover .login-item:nth-of-type(1) { border-top-left-radius: 0  }
  .navbar-nav li.login .login-group:hover .login-item:nth-of-type(3) { border-bottom-left-radius: 0  }*/

  .navbar-nav li.login .login-item > a {
    position: relative;
    color: #FFF;
    padding: 16px 25px 16px 45px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    text-align: left }
/*
  .navbar-nav li.login .login-item:hover > a {
    opacity: 1.0;
    background-image: url(img/caret-login.png);
    background-position: left center;
    background-repeat: no-repeat }*/

  .navbar-nav li.login .login-item > a img {
    position: absolute;
    top: 22px;
    left: 20px }

  .navbar-nav li.login .login-item > a span {
    font-weight: 300;
    font-size: 70%;
    display: block }

  .navbar-nav li.login .login-item > a strong { font-size: 120% }

  .navbar-nav li.login .login-group .login-item .login-form {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #17335B;
    height: 183px;
    width: 170px;
    position: absolute;
    padding: 25px;
    z-index: 100;
    top: 0;
    left: -170px }

  .navbar-nav li.login .login-group .login-item .login-form h2 {
    font-size: 70%;
    color: #FFF;
    margin-bottom: 10px;
    text-transform: uppercase }

  .navbar-nav li.login .login-group .login-item .login-form a {
    font-size: 70%;
    font-weight: 400;
    text-align: left;
    padding: 0;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase }

  .navbar-nav li.login .login-group .login-item .login-form .form-control { margin-bottom: 10px }

  .navbar-nav li.login .login-group .login-item .login-form .btn-link {
    font-size: 100%;
    font-weight: 700;
    text-align: left;
    padding: 0;
    color: #FFF;
    text-transform: uppercase }

  .navbar-nav .dropdown .dropdown-menu {
    top: 30px;
    border-top: 3px solid #17335A;
    border-radius: 0 }

  .navbar-nav .dropdown .dropdown-menu li a {
    display: block;
    padding: 5px 15px }
}

@media (max-width: 767px) {

  .navbar-header { padding: 10px } /* class mobile device */

  .navbar-nav {
    background: #FFF;
    margin: 0 -15px }

  .navbar-nav.bartop-collapse,
  .navbar-nav.bartop-collapse .open>a,
  .navbar-nav.bartop-collapse .open>a:focus,
  .navbar-nav.bartop-collapse .open>a:hover { background: #17335B }

  .navbar-nav.bartop-collapse li a { color: #FFF }

  .navbar-nav.bartop-collapse .dropdown a strong { color: #0077BD }

  .navbar-nav > li  { border-bottom: 1px solid rgba(0,0,0,0.4); }

  .navbar-nav > li > a {
    display: block;
    border-radius: 0;
    font-size: 120%;
    padding: 15px 25px }

  .navbar-nav li a .glyphicon-user { margin-top: 8px }

  .navbar-nav li a img {
      width: 20px;
      height: 20px;
      object-fit: contain }

  .navbar-collapse {
    z-index: 100;
    width: 100%;
    position: absolute;
    margin-top: 50px  }

  button.navbar-toggle {
    background: #FFF;
    position: absolute;
    top: 7px;
    right: 0;
    padding: 10px }

  button.navbar-toggle:active,
  button.navbar-toggle:focus,
  button.navbar-toggle:hover { background: #EEE }

  button.navbar-toggle .icon-bar {
    background: #028CBA;
    height: 3px }

  .navbar-nav li.login a { padding-top: 10px }

  .navbar-nav li.login a span.icologin {
    position: relative;
    top: 3px }

  .modal-login { top: 70px }

}



/* WRAPPER AND CONTAINER
//////////////////////////////////////////////////////////////////////////////////////////*/
@media(min-width: 768px){
  .wrapper {
    padding: 60px 0;
  }
}

@media(max-width: 767px){
  .wrapper {
    padding: 25px 0;
  }
}



/* HEADINGS, PARAGRAFHS, LISTS, ETC.
//////////////////////////////////////////////////////////////////////////////////////////*/
p { margin-bottom: 20px }

.home h2,
.inner h2.lg { margin: 0 0 40px 0 }

h1, h2 { letter-spacing: -2px }

.static h2 { margin: 40px 0 30px }
.static h2:first-child { margin-top: 0 }

h1,
h2.lg {
  font-size: 275%;
  font-weight: 700;
  text-transform: uppercase;
  color: #ADB8C5 }

h2.blue { color: #0077BD }

.inner h1 {
  letter-spacing: -3px;
  font-weight: 700;
  color: #FFF }

h2.sm {
  letter-spacing: -1px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 120%;
  font-weight: 700 }

.inner .group h2 {
  margin-bottom: 30px;
  font-size: 150%;
  font-weight: 700;
  color: #BBB;
  text-transform: uppercase }

h3 {
  color: #17335B;
  text-transform: uppercase;
  font-size: 87.5%;
  font-weight: 700 }

.page-header {
  margin: 0;
  padding: 30px 0;
  line-height: 100%;
  background: #CCC }

.page-header h1 { margin: 0 }

.page-header span,
.page-header p  {
  margin: 15px 0 0 0;
  font-weight: 300;
  line-height: 150% !important;
  color: #FFF;
  font-size: 80% !important }

.page-header .btn { margin-top: 20px }

.page-header span {
  text-transform: uppercase;
  margin: 0 0 -5px 0;
  display: block }

a.link-more {
  text-transform: uppercase;
  font-size: 75%;
  font-weight: 700 }

.list-group-item { padding: 0 }

.list-group-item a {
  padding: 10px 15px;
  display: block }

.list-group-item a:hover { background: #EEE }

.list-group-item .glyphicon { top: 3px }

.search h2 {
  padding-top: 15px;
  border-top: 2px solid #DDD }

@media(min-width: 768px){
}

@media(max-width: 767px){
  h1, h2.lg, .inner h2 { font-size: 150% }
}



/* CAROUSEL-SLIDESHOW
//////////////////////////////////////////////////////////////////////////////////////////*/
.carousel-slideshow {
  padding: 30px 0;
  background: #EEE }

.carousel-slideshow .carousel-inner .item img {
  margin: 0 auto;
  object-fit: cover }

.carousel-slideshow .carousel-indicators li,
.carousel-slideshow .carousel-indicators li.active {
  width: 65px;
  height: 8px;
  border: 0;
  margin: 0 }

.carousel-slideshow .carousel-indicators li { background: rgba(255,255,255,0.2) }
.carousel-slideshow .carousel-indicators li.active { background: rgba(255,255,255,1) }

.carousel-control.left,
.carousel-control.right {
  color: #0077BD;
  width: 20%;
  z-index: 30;
  background: none }

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0 }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1 }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0) }

@media (min-width: 768px) {
  .carousel-slideshow .item,
  .carousel-slideshow .item img { height: 450px }

  .carousel-slideshow .carousel-indicators { bottom: 30px }
}

@media (max-width: 767px) {
  .carousel-slideshow,
  .carousel-slideshow .container { padding: 0 }

  .carousel-slideshow .item,
  .carousel-slideshow .carousel-inner .item img {
    background: red;
    width: 100%;
    object-fit: contain }

  .carousel-slideshow .carousel-indicators { display: none }
}



/* ABOUT HOME
//////////////////////////////////////////////////////////////////////////////////////////*/
.home .about {
  color: #FFF;
  background: url(img/bg-about.jpg) no-repeat center;
  background-size: cover }

.about h2.lg { color: #FFF }

.about .box h2.sm {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px;
  margin: -20px -10px 0 -15px;
  background: #17335B }

.about h3 {
  margin-bottom: 10px;
  letter-spacing: -1px }

.about h3 span {
  font-size: 80%;
  display: block;
  margin: 5px 0 10px }

.about p { font-size: 100% }

.home .about a.link-more { color: #FFF }

.about .box {
  color: #FFF;
  margin-bottom: 30px;
  background: #0077BD;
  padding: 20px 10px 0 15px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3) }

.about .box ul {
  list-style: none;
  margin: 0 -10px 0 -15px;
  padding: 0;
  font-size: 87.5% }

.about .box ul li {
  padding: 10px 10px 10px 15px;
  list-style: none;
  border-bottom: 1px solid rgba(255,255,255,0.3) }

.about .service.box ul li { text-transform: uppercase }

.about .box ul li:last-child { border: 0 }

.about .box a { color: #FFF }

.about .box li.contact-item {
  position: relative;
  padding: 15px 10px 15px 55px }

.about .box li.contact-item { font-size: 87.5% }

.about .box li.contact-item p { margin: 0 }

.about .box li.contact-item:last-of-type { margin: 0 }

.about .box li.contact-item .glyphicon {
  font-size: 250%;
  position: absolute;
  top: 17px;
  left: 15px }

.about .financing.box {
  padding-bottom: 20px;
  background: #FFF;
  color: #000 }

.about .financing.box p {
  margin-bottom: 28px;
  font-size: 87.5% }

.about .financing.box .row { margin: 0 }

.about .socialmedia .row { margin: 0 }
.about .socialmedia .row > div { padding: 0 }

@media(min-width: 768px){
  .about .about-text { padding-left: 40px }
}

@media(max-width: 767px){
  .home .about {
    background: url(img/bg-about.jpg) no-repeat left;
    background-size: cover }

  .about .socialmedia  { margin-bottom: 40px }

  .about .socialmedia h2.sm { text-align: center }
}



/* ABOUT INNER
//////////////////////////////////////////////////////////////////////////////////////////*/
.inner .about .page-header {
  background: url(img/bgph-about.jpg) no-repeat center;
  background-size: cover }

.about .carousel-timeline { position: relative }

.about .carousel-timeline .timeline-fade-white {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(img/timeline-fade-white.png) repeat-y center;
  background-size: 100% auto }

.about .carousel-timeline .carousel-inner .item { 
  padding: 200px 0 100px 0 }

.about .carousel-timeline .carousel-inner .item img { 
  z-index: 0;
  position: absolute;
  top: 0; }

.about .carousel-timeline .carousel-inner .item .caption {
  position: relative;
  z-index: 1;
  padding: 0 300px }

.about .carousel-timeline .carousel-inner .item .caption .timeline-date {
  font-size: 360%;
  font-weight: 700;
  letter-spacing: -3px;
  color: #0077BD }

.about .carousel-timeline .carousel-inner .item .caption p { color: #17335A }

.about .carousel-timeline .carousel-indicators { 
  top: 20px;
  bottom: auto }

.about .carousel-timeline .carousel-indicators li {
  border: 0;
  border-radius: 100%;
  background: #0077BD;
  height: 15px;
  width: 15px;
  opacity: 0.35 }

.about .carousel-timeline .carousel-indicators li.active {
  position: relative;
  top: -1px;
  opacity: 1 }



/* STATIC PAGES
//////////////////////////////////////////////////////////////////////////////////////////*/
.static p {
  line-height: 150%;
  font-size: 95% }




/* LIBRARY
//////////////////////////////////////////////////////////////////////////////////////////*/
.library .nav-tabs { margin: 0 }

.library table tr td:nth-of-type(1) { font-size: 80% }

.library table tr td:nth-of-type(2) .small {
  margin-top: 5px;
  font-size: 80% }

.library table tr td {
  padding-top: 30px;
  padding-bottom: 30px }

.library table tr td ul {
  padding: 0;
  margin: 0 }

.library table tr td ul li {
  list-style: none;
  border: 0;
  border-radius: 0;
  float: left;
  width: 33%;
  font-size: 80%;
  padding: 5px 10px }

@media(min-width: 768px){
  .library .tab-pane {
    padding: 30px;
    border: 1px solid #DDD;
    border-top: 0;
    background: #FFF }
}

@media(max-width: 767px){
  .library .tab-pane {
    margin-top: 10px;
    padding: 15px;
    border: 1px solid #DDD;
    background: #FFF }
}




/* GROUP ITEM
//////////////////////////////////////////////////////////////////////////////////////////*/
.group .group-item .item-title {
  margin-bottom: 5px;
  font-weight: 900
}

@media(min-width: 768px){

  .group .row > div { margin-bottom: 20px }

  .group .row > div:nth-last-child(1),
  .group .row > div:nth-last-child(2) { margin-bottom: 0 }

  .group .item-img { margin-bottom: 10px }

  .group .item-title {
    margin-bottom: 5px;
    line-height: 120%;
    font-size: 100% }

  .group .group-item {
    position: relative;
    padding-left: 130px }

  .group .group-item.no-img { padding-left: 0 }

  .group .group-item .item-img {
    position: absolute;
    left: 0;
    top: 0 }

  .group .group-item .item-img img {
    width: 115px;
    height: 80px;
    object-fit: cover }

}

@media(max-width: 767px){

  .group .row > div { margin-bottom: 20px }

  .group .group-item {
    min-height: 80px;
    position: relative;
    padding-left: 95px }

  .group .group-item .item-img {
    position: absolute;
    left: 0;
    top: 0 }

  .group .group-item .item-img img {
    width: 80px;
    height: 80px;
    object-fit: cover }

}

@media(max-width: 767px){
  .group .group-item a.link-more { display: none }
}



/* NEWS-GROUP
//////////////////////////////////////////////////////////////////////////////////////////*/
.news-group {
  height: 100%;
  padding-right: 30px;
  background: #EEE }

.news-group .group-item.small { font-size: 100% }

.group .item-date {
  margin-bottom: 5px;
  color: #999;
  font-size: 75% }

.news-group .item-summary {
  color: #888;
  font-size: 80% }

@media(min-width: 768px){
  .headline {
    background: url(img/bg-headline.jpg) repeat-y center  }

  .news-group .group-item {
    min-height: 110px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #DDD }

  .news-group .group-item:last-child { border: 0 }

  .news-group .group-item.large { padding-left: 0 }

  .news-group .group-item.large .item-img { position: relative }

  .news-group .group-item.large .item-img img {
    width: 100%;
    height: 240px }

  .news-group .group-item.large .item-title { font-size: 120% }
}

@media(max-width: 767px){
  .news-group {
    padding: 25px 15px;
    margin: 0 -15px }

  .group .row > div .group-item { margin-bottom: 20px }
}




/* NEWS INNER
//////////////////////////////////////////////////////////////////////////////////////////*/
.news .page-header {
  background: url(img/bgph-news.jpg) no-repeat center;
  background-size: cover }

@media(min-width: 768px){
  .inner .news .wrapper { padding: 30px 0 }
}



/* DETAIL
//////////////////////////////////////////////////////////////////////////////////////////*/
.detail-title {
  margin: 0 0 20px 0 !important;
  color: #0077BD;
  font-weight: 700;
  font-size: 245% }

.detail-date {
  color: #999;
  margin-bottom: 25px }

.detail-summary {
  border-bottom: 3px solid #EEE;
  padding-bottom: 30px;
  margin-bottom: 30px;
  font-size: 112.5%;
  color: #888 }

.detail-text{
  font-size: 95%;
  border-bottom: 3px solid #EEE;
  padding-bottom: 30px;
  margin-bottom: 50px }

.detail-img.center-block {
  margin: 0 0 30px 0;
  width: 100% }

.detail-img.pull-left,
.detail-img.pull-right { width: 50% }

.detail-img.pull-left { margin: -100px 30px 30px 0 }
.detail-img.pull-right { margin: -100px 0 30px 30px }

.detail-img-legend {
  padding: 10px 0;
  color: #AAA;
  font-size: 75% }

ul.thumb-group {
  font-size: 0;
  padding: 0  }

ul.thumb-group li.thumb-item {
  width: 12.5%;
  display: inline-block;
  padding: 0 }

ul.thumb-group li.thumb-item img {
  width: 100%;
  height: 100px;
  object-fit: cover }

@media(min-width: 768px){
  .detail-img { margin-bottom: 10px }
}

@media(max-width: 767px){
  .detail-img { margin: 0 -15px 25px -15px }
}






/* EVENT-GROUP
//////////////////////////////////////////////////////////////////////////////////////////*/
.event-group .group-item {
  padding-left: 45px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DDD }

.event-group .group-item:last-of-type { border-bottom: 0 }

.event-group .item-date {
  line-height: 140%;
  position: absolute;
  left: 0;
  top: 0;
  color: #0077BD }

.event-group .item-date .day {
  display: block;
  text-align: center;
  letter-spacing: -3px;
  font-weight: 700;
  font-size: 180% }

.event-group .item-date .month {
  display: block;
  font-size: 80% }

.event-group .item-title a { color: #444 }

.headline .event-group h2 { color: rgba(255,255,255,0.4) }

.headline .event-group .group-item { border-bottom: 1px solid rgba(0,0,0,0.1) }

.headline .event-group .item-date,
.headline .event-group a { color: #FFF }

@media(max-width: 767px){
  .headline .event-group {
    padding: 30px 15px;
    margin: 0 -15px;
    background: #0076BC }

  .event-group .item-date { top: 5px }

  .event-group .group-item {
    min-height: auto;
    padding-bottom: 10px }
}



/* GALLERY GROUP
//////////////////////////////////////////////////////////////////////////////////////////*/
.gallery-group .item-date {
  margin-bottom: 5px;
  color: #999;
  font-size: 75% }

@media(min-width: 768px){
  .gallery-group {
    height: 100%;
    padding-right: 30px }

  .gallery-group .group-item {
    border-bottom: 1px solid #DDD;
    padding-bottom: 20px }

  .gallery-group .row > div:nth-last-child(1) .group-item,
  .gallery-group .row > div:nth-last-child(2) .group-item,
  .gallery-group .row > div:nth-last-child(3) .group-item { border: 0 }
}


@media(max-width: 767px){
  .gallery-group .row > div:last-child { margin-bottom: 20px }
}



/* NEWS GROUP INNER
//////////////////////////////////////////////////////////////////////////////////////////*/
@media(min-width: 768px){
  .inner .news-group {
    padding-right: 30px }

  .inner .news-group .group-item {
    border-bottom: 1px solid #DDD;
    padding-bottom: 20px }

  .inner .news-group .row > div:nth-last-child(1) .group-item,
  .inner .news-group .row > div:nth-last-child(2) .group-item,
  .inner .news-group .row > div:nth-last-child(3) .group-item { border: 0 }
}



/* COURSE
//////////////////////////////////////////////////////////////////////////////////////////*/
/* .course .bg-image {
  background-image: url(https://images.pexels.com/photos/872957/pexels-photo-872957.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
  position: fixed;
  opacity: 0.05;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px) } */

.course .program-content,
.course .video,
.course .register { background: #FFF } 

.course .page-header {
  border: 0;
  padding: 100px 0;
  overflow: hidden;
  position: relative;
  height: 450px }

.course .page-header .bg-video {
  padding-top: 56.25%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% }

.course .page-header .bg-video .overlay {
  z-index: 1;
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% }

.course .page-header .bg-video iframe {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% }

.course .page-header .container {
  text-align: center;
  z-index: 1;
  margin-top: 455px;
  position: relative }

.course .goals .row div:first-child {
  padding-right: 30px;
  border-right: 1px solid rgba(0,0,0,0.1) }

.course .goals .row div:last-child { padding-left: 30px }

.course .program-content { }

.course .program-content ul.date-group { font-size: 87.5% }

.course .program-content ul.date-group li { margin-bottom: 25px }

.course .program-content .row > div:first-child { padding-right: 30px }

.course .program-content .row > div:nth-of-type(2) {
  padding: 0 30px 0 20px;
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1) }

.course .program-content .row > div:last-child { padding-left: 30px }

.scroll { 
  padding-right: 20px;
  overflow-y: scroll }

.scroll::-webkit-scrollbar { width: 10px }

.scroll::-webkit-scrollbar-track { 
  border-radius: 5px;
  background: rgba(255,255,255,0.4) }

.scroll::-webkit-scrollbar-thumb { 
  border-radius: 5px;
  background: #1079BA }

.scroll::-webkit-scrollbar-thumb:hover { background: #333 }

.course .program-content .scroll { height: 400px }

.course .program-content .panel-heading { background: #FFF !important }

.course .program-content .panel-body { padding: 0 }

.course .program-content .panel-body table { font-size: 80% }

.course .program-content .panel-body table tr th:nth-of-type(2),
.course .program-content .panel-body table tr td:nth-of-type(2) { 
  text-align: center;
  width: 120px !important }

.course .program-content ul.teacher-group { margin-bottom: 15px }

.course .program-content ul.teacher-group li {
  position: relative;
  min-height: 60px;
  padding: 10px 0 0 75px  }

.course .program-content ul.teacher-group li img.teacher-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  object-fit: contain }

.course h3 {
  color: #0077BD;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  letter-spacing: -1px;
  font-size: 100%;
  font-weight: 700 }

.course strong.blue { color: #0077BD }

.course ul li p { font-size: 80% }

.course .student-profile .row > div { padding: 0 50px }

.course .student-profile .row > div:nth-of-type(2) {
  border-left: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1) }

.course .student-profile .chart-vertical.group {
  width: 100%;
  display: table;
  height: 200px }

.course .student-profile .chart-vertical.group div {
  position: relative;
  text-align: center;
  vertical-align: baseline;
  display: table-cell }

.course .student-profile .chart-vertical.group div span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100% }

.course .student-profile .chart-vertical.group div:nth-last-child(5) span { background: #A5BFC9 }
.course .student-profile .chart-vertical.group div:nth-last-child(4) span { background: #71A7C4 }
.course .student-profile .chart-vertical.group div:nth-last-child(3) span { background: #0077BD }
.course .student-profile .chart-vertical.group div:nth-last-child(2) span { background: #17335B }
.course .student-profile .chart-vertical.group div:nth-last-child(1) span { background: #000 }

.course .student-profile .chart-vertical.group div span.percent {
  padding: 5px 0;
  background: #FFF }

.course .student-profile ul.chart-legend-group { margin: 20px 0 }

.course .student-profile .chart-vertical.group div:nth-last-child(5) .percent,
.course .student-profile ul.chart-legend-group  li:nth-last-child(5) { color: #A5BFC9 }

.course .student-profile .chart-vertical.group div:nth-last-child(4) .percent,
.course .student-profile ul.chart-legend-group  li:nth-last-child(4) { color: #71A7C4 }

.course .student-profile .chart-vertical.group div:nth-last-child(3) .percent,
.course .student-profile ul.chart-legend-group  li:nth-last-child(3) { color: #0077BD }

.course .student-profile .chart-vertical.group div:nth-last-child(2) .percent,
.course .student-profile ul.chart-legend-group  li:nth-last-child(2) { color: #17335B }

.course .student-profile .chart-vertical.group div:nth-last-child(1) .percent,
.course .student-profile ul.chart-legend-group  li:nth-last-child(1) { color: #000 }

.course .quote-group {
  background: url(img/bg-course-quotes.jpg) no-repeat center;
  background-size: cover }

.course .quote-group .item .quote-img div { position: relative }

.course .quote-group .item .quote-img {
  position: absolute;
  top: 0;
  left: 15px;
  width: 60px;
  height: 60px;
  object-fit: contain }

.course .quote-group .item .quote-identity {
  position: absolute;
  top: 0;
  left: 90px  }

.course .quote-group .item .quote-name {
  margin-bottom: 5px;
  font-size: 112.5%;
  font-weight: 700;
  color: #0077BD }

.course .quote-group .item .quote-function {
  font-size: 70%;
  color: #555 }

.course .quote-group .item .quote-content {
  font-size: 80%;
  font-style: italic;
  padding-top: 75px }

.course .video p { font-size: 87.5% }

.course .investment {
  line-height: 100%;
  /*background: url(img/bg-investment.jpg) no-repeat center;
  background-size: cover*/ }

.course .investment .investment-coin {
  font-weight: 300;
  font-size: 140%;
  color: #333 }

.course .investment .investment-value {
  letter-spacing: -2px;
  font-size: 245%;
  font-weight: 700;
  color: #0077BD }

.course .investment .investment-value-zero {
  letter-spacing: -2px;
  font-size: 140%;
  font-weight: 700;
  position: relative;
  top: -12px;
  color: #0077BD }

.course .investment .investment-condition {
  display: block;
  padding-top: 10px;
  letter-spacing: -1px;
  font-weight: 700;
  color: #333 }

.course .investment .taxas {
  color: #0077BD;
  cursor: pointer;
}
.course .investment .taxas:hover {
  text-decoration: underline;
}

.course .register .row > div:first-child p { font-size: 87.5% }

.course .register form select.form-control.blue,
.course .register form .input-group {
  border-radius: 3px;
  margin-bottom: 15px;
  background: #EEE;
  box-shadow: inset 2px 2px 1px rgba(0,0,0,0.1) }

.course .register form select.form-control.blue {
  padding: 7px 10px;
  color: #FFF;
  background: #0077BD }

.course .register form .input-group-addon,
.course .register form .form-control {
  background: none;
  border: 0;
  box-shadow: 0 }

.course .register form .form-control { padding: 7px 0 }

.course .tests.row > div { margin-bottom: 20px }

.course .contact.box h2.sm {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 15px;
  margin: -20px -10px 0 -15px;
  background: #17335B }

.course .contact.box {
  color: #FFF;
  margin-bottom: 30px;
  background: #0077BD;
  padding: 20px 10px 0 15px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3) }

.course .contact.box ul {
  list-style: none;
  margin: 0 -10px 0 -15px;
  padding: 0}

.course .contact-box ul li { border-bottom: 1px solid rgba(255,255,255,0.3) }

.course .contact.box a { color: #FFF }

.course .contact.box li.contact-item {
  position: relative;
  padding: 15px 10px 15px 55px }

.course .contact.box li.contact-item p { margin: 0 }

.course .contact.box li.contact-item .glyphicon {
  font-size: 200%;
  position: absolute;
  top: 17px;
  left: 15px }

.course .links { 
  border-bottom: 1px solid #E6E6E6;
  background: #F6F6F6;
  line-height: 110%;
  font-size: 120% }

.course .links .small { font-size: 70% }


/* COURSE-GROUP
//////////////////////////////////////////////////////////////////////////////////////////*/
.course-group .page-header {
  background: url(img/bgph-courses.jpg) no-repeat center;
  background-size: cover }

.course-group ul { color: #0077BD }

.course-group ul li { margin-bottom: 10px }



/* RESEARCH
//////////////////////////////////////////////////////////////////////////////////////////*/
.research .page-header {
  background: url(img/bgph-research.jpg) no-repeat center;
  background-size: cover }

.research .option-group  {
  background: url(img/bg-research.jpg) no-repeat center;
  background-size: cover }

.research ul { margin-top: 25px }

.research ul li { margin-bottom: 15px }

.research ul li a {
  font-weight: 700;
  font-size: 125%;
  color: #333 }

.research ul li a:hover { color: #0077BD }








/* BASEBOTTOM HOME
//////////////////////////////////////////////////////////////////////////////////////////*/
.basebottom {
  background: url(img/bg-basebottom.jpg) no-repeat center;
  background-size: cover }

.basebottom h2.sm {
  color: #0077BD;
  margin-bottom: 20px }

.basebottom .event-group .group-item { border-color: rgba(0,0,0,0.1) }

.basebottom .event-group .group-item:last-of-type { margin-bottom: 0 }

.basebottom .row > div ul {
  list-style: none;
  margin: 0 0 20px 5px;
  padding: 0;
  font-size: 87.5% }

.basebottom .row > div ul:last-of-type { margin: 0 }

.basebottom .row > div ul li {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 10px 0 10px 15px;
  background: url(img/ico-bulletgray.png) no-repeat left center }

.basebottom .row > div ul li:first-child { padding-top: 0 }

.basebottom .row > div ul li:last-child {
  margin-bottom: 10px;
  border-bottom: 0 }

.basebottom .row > div ul li a { color: #444 }

.basebottom a.link-more { color: #444 }

@media(min-width: 768px){
  .basebottom .row > div:nth-of-type(1) { padding-right: 50px }
  .basebottom .row > div:nth-of-type(3) { padding-left: 50px }
}

@media(max-width: 767px){
  .basebottom .row > div { margin-bottom: 20px }

  .basebottom .row > div .event-group {
    padding: 20px 15px;
    margin: 0 -15px;
    background: rgba(0,0,0,0.1) }

    a.link-more {
      padding: 10px 0;
      display: block;
      text-align: center;
      border-radius: 5px;
      background: rgba(0,0,0,0.2) }

    .inner a.link-more { margin-bottom: 20px }

    a.link-more:hover,
    a.link-more:active,
    a.link-more:focus { background: rgba(0,0,0,0.3) }

}




/* FORM ELEMENTS
//////////////////////////////////////////////////////////////////////////////////////////*/
section .btn {
  border-radius: 3px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.1) }

label { 
  font-size: 80%;
  text-transform: uppercase }

.btn-md {
  font-weight: 700;
  font-size: 100%;
  line-height: 100%;
  padding: 15px 20px }

.btn-lg {
  font-weight: 700;
  padding: 20px 25px }

.btn-white {
  color: #0077BD;
  background: #FFF }

.form-group label {
  font-size: 80%;
  text-transform: uppercase;
  color: rgba(0,0,0,0.5) }

.form-center { margin: 0 auto }


.work .btn { margin-top: 20px }

@media(min-width: 768px){
  .form-sm { width: 30% }
}



/* CONTACT HOME
//////////////////////////////////////////////////////////////////////////////////////////*/
.contact .row > div { margin-bottom: 15px }

.contact .form-control,
.contact select.form-control { 
  height: 50px;
  min-height: 50px }

.contact textarea.form-control { 
  height: auto;
  min-height: auto }




/* FOOTER
//////////////////////////////////////////////////////////////////////////////////////////*/
.map-link {
  color: #FFF;
  background: #000 url(img/bg-maplink.jpg) no-repeat center;
  background-size: cover }

.map-link h2.lg { color: rgba(255,255,255,0.3) }

.map-link ul li a {
  color: #FFF;
 font-size: 80% }

footer { position: relative }

footer .selo-responsabilidade {
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -62px; }

footer .footer-copyright {
  font-size: 80%;
  color: #18335B;
  margin-right: 30px }

footer .brand-unesc {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #DDD }

footer a.brand-flexpoint {
  display: inline-block;
  text-indent: -1000000px;
  background: url(img/brand-flexpoint.png) bottom;
  width: 25px;
  height: 27px }

footer a.brand-flexpoint:hover {  background: url(img/brand-flexpoint.png) center }

@media(min-width: 768px){
  footer { padding: 80px 0 }
}

@media(max-width: 767px){
  footer { padding: 20px 20px 20px 0 }

  footer .selo-responsabilidade {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 40px;
    margin-left: 0 }

  footer a.brand-flexpoint {
    position: absolute;
    top: 25px;
    right: 15px;
  }

}

input.error,
textarea.error,
select.error { background: #FFDFDF url(img/ico-required.png) no-repeat right 13px }



.welcome {
  padding: 30px 0;
  color: #06376C;
  width: 100%;
  height: calc(100% - 115px);
  background: url(img/bg-splash.jpg) no-repeat center center;
  background-size: cover }

.welcome .welcome-top { margin-bottom: 100px }

.welcome .welcome-top .img-welcome { margin-left: 20px; }

.welcome .welcome-group-unit a { 
  text-decoration: none;
  border-radius: 100%;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  background: rgba(255,255,255,0.5);
  width: 150px;
  height: 150px;
  padding-top: 35px;
  display: inline-block }

.welcome .welcome-group-unit a:hover { background: rgba(255,255,255,1) }

.welcome .welcome-group-unit a span { 
  text-align: center; 
  text-transform: uppercase;
  font-size: 140%;
  font-weight: 700;
  color: #06376C;
  display: block }

@media(min-width: 768px){

  .welcome .welcome-group-unit a { 
    margin: 0 10px;
    width: 150px;
    height: 150px }

  .welcome .welcome-group-unit a span { font-size: 140% }

  .splash footer {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FFF;
    width: 100%;
    padding: 40px 0 }
}

@media(max-width: 767px){

  .welcome .welcome-top { margin-bottom: 40px }

  .welcome .welcome-top img { 
    margin: 0 auto 20px auto;
    display: block }

  .welcome .welcome-top .img-welcome { width: 90% }

  .welcome .welcome-group-unit a { 
    margin: 0 5px;
    width: 130px;
    height: 130px }

  .welcome .welcome-group-unit a span { font-size: 100% }

}

/* AUTO COMPLETE*/
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px }


/* PESQUISA ----------------------------------------------*/
#pesquisa .descricao {
    padding:5px;
    font-size:16px }

.grupo {
    padding:15px;
    margin-bottom:20px;
    background:#EEE }

.form-resposta {
    padding:10px;
    border-bottom:1px solid #CCC;
    margin-bottom:20px;
    background:#CCC }

.grupo a { font-size:16px }

.grupo .nome {
    color:#006FBE;
    margin-bottom:5px;
    font-size:17px;
    font-weight:bold;
    padding:5px 0 }

.pergunta {
    float:none;
    font-size:13px;
    font-weight:bold;
    background:#E0E0E0;
    padding:5px 10px;
    border-top:2px solid #DDD;
    border-bottom:3px solid #CCC }

.grupo .error {
    color:#CC0000;
    border-bottom:3px solid #CC0000 }

.operacao { float:none; display:inline }

.pergunta .operacao { float:right }

fieldset.respostas {
    float:none;
    background:#FFF;
    padding:10px;
    border:0 }

fieldset.respostas label{
    display:block;
    padding:3px 0 }

fieldset.respostas br { display:none }

ul { list-style:none }

#pesquisa input.submit {
    padding:5px;
    font:bold 13px Tahoma }

#pesquisa .erros {
    color:#CC0000;
    padding:10px;
    margin-bottom:10px;
    border:1px solid #CC0000 }

#pesquisa .erros ul {
    list-style:square;
    margin-left:20px }

#mensagem  { padding:10px; background:#FFF; font-weight:bold }
#mensagem.sucesso { border:2px solid #009900; color:#009900 }
#mensagem.alerta { border:2px solid #EF9C12; color:#EF9C12 }
#mensagem.erro { border:2px solid #CC0000; color:#CC0000 }

#pesquisa .grupo .pergunta,
#pesquisa .grupo .respostas,
#pesquisa .grupo .respostas * { 
     float: none !important }


.modal-login .modal-header { text-align: center }

.modal-login .modal-body { 
  text-align: center;
  padding: 20px;
  background: #DDD;
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px }

.modal-login .form-control {
  margin-bottom: 10px;
  height: 50px;
  text-align: center;
  font-size: 120%;
  border-radius: 50px;
  border-width: 2px }

.modal-login .btn-primary { 
  margin-bottom: 10px;
  font-size: 120%;
  border-radius: 50px;
  height: 50px }

 .img-temp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }

.tbl-ead td:nth-child(2) {
  text-align: center!important;
}

.course-group .panel {
  height: 150px;
  text-align: center;
  /*background-color: #17335B;*/
  background-image: url(img/bg-maplink.jpg);
  border-radius: 13px;
  padding-left: 10px;
  padding-right: 10px;
}
.course-group .panel:hover {
  border-bottom: 2px solid #fff;
  cursor: pointer;
  transition: all 300ms ease;

  -webkit-box-shadow: 2px 3px 11px 0px rgba(112,112,112,1);
  -moz-box-shadow: 2px 3px 11px 0px rgba(112,112,112,1);
  box-shadow: 2px 3px 11px 0px rgba(112,112,112,1);
}
.course-group .panel span {
  position: relative;
  top: 20%;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.course-group a {
  text-decoration: none;
}
.course-group a .panel:hover {
}


.panel_curso {
    background: #fff!important;
    /*background: url(img/bg-maplink.jpg);*/
    border-left: 8px solid #0077BD;
    position: relative;
    height: 16rem!important;
    font-size: 13px;
}
.panel_curso:hover {
    transition: all 300ms ease!important;
    transform: scale(1.04);
}
.panel_curso .panel-body {
    font-family: "Montserrat", Sans-serif;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
}