body {
    color: #202020;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

a {
  color: #3ba2cf;
}

a:hover, a:focus {
  color: #3ba2cf;
}

h1 {
  font-size: 26px;
  padding-bottom: 20px;
  margin-top: 0px;
}

h3 {
  padding-top: 0px;
  margin-top: 0px;
}

h3 ~ h3{
  padding-top: 20px;
}

footer {
  padding: 20px 0px;
}

/*-------------------------------------------
  Navigation bar
-------------------------------------------*/
.navbar-default {
  background-color: #fff;
  border-color: #e7e7e7;
  font-size: 15px;
}

.navbar-default .navbar-nav li a {
  background-color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: inherit;
  border-top: solid 3px #47aadd;
  padding-top: 12px;
  color: #47aadd;
}

.navbar-default .navbar-nav > .active > a#hide-active, .navbar-default .navbar-nav > .active > a#hide-active:hover, .navbar-default .navbar-nav > .active > a#hide-active:focus {
  padding-top: 15px;
  border-top: none;
  color: inherit;
  font-weight: normal;
}

.rc {
  border-bottom: solid 1px #e7e7e7;
  margin: 0px 30px;
}

.rc > .navbar-nav > li {
  padding-top: 30px;
  padding-bottom: 30px;
}

/*-------------------------------------------
    Header
-------------------------------------------*/

header[role="about-us"] {
  background: #3ba2cf; /* #47aadd; #43BAFC; #099ACB; */
}

header[role="about-us"] .cover {
  padding-bottom: 60px;
}

/*-------------------------------------------
    Swiper
-------------------------------------------*/
.swiper-container{
  width:100%;
  height:100%;
  color:#fff;
}

.blue-slide{background:#3ba2cf;}
.blue-light-slide{background: #47aadd;}
.red-slide{background:#ca4040;}
.orange-slide{background:#ff8604;}
.green-slide{background:#49a430;}
.pink-slide{background:#973e76;}

.swiper-slide .title{
  font-style:italic;
  font-size:42px;
  margin-top:80px;
  margin-bottom:0;
  line-height:45px;}

.swiper-slide a, .swiper-slide a:hover, .swiper-slide a:focus  {
  color: #fff;
}

.course p {
  padding-top: 20px;
}

.course a {
  color: #fff;
}

.course a:hover, .course a:focus {
  color: #fff;
}


.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
}
.swiper-pagination-switch{
  display:inline-block;
  width:16px;height:16px;
  border-radius:16px;
  background:#222;
  margin-right:10px;
  opacity:0.8;
  border:1px solid #fff;
  cursor:pointer;
  }

.swiper-visible-switch{background:#aaa;}
.swiper-active-switch{background:#fff;}

.arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999;
}
.arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 999;
}

.course {

}

.circle {
  height: auto;
  padding-top: 10%;
  width: ;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.nicon {
  padding-right: 60px;
}

.logo {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    border-radius: 75px;
    margin-bottom: 30px;
}

.logo .two {
    padding-top: 35px;
    color: #ffcc33;
    font-size: 100px;
}

.contacts {
  padding-top: 30px;
}

.contacts img {
  padding-right: 10px;
}


/*-------------------------------------------
  Sections
-------------------------------------------*/

.content > section {
  padding: 72px  0;
}

.content h1 {
  margin: 0;
}

.content > section header {
    margin: 0 15px;
    max-width: 640px;
    margin: 0 auto;
    border-top: 1px dashed #333;
    border-bottom: 1px dashed #333;
    text-align: center;
    margin-bottom: 26px;
    padding: 1em 0;
}

.content > section header.light {
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
}

.content > section header h2 {
    margin-bottom: 12px; }

.content > section .subhead {
    display: block;
    color: #928781;
    font-size: 21.96px;
    line-height: 31px;
    font-family: 'ratio-n5','ratio','Helvetica Neue',Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin: 0;
}

.content > section .subhead.light {
    color: #A0A0A0;
}


.content > section h3.lines {
    font-size: 14px;
    font-family: 'ratio-n5','ratio','Helvetica Neue',Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

.content > section h3.lines:before {
    content: "\2015";
    letter-spacing: -2px;
    padding-right: 5px; }

.content > section h3.lines:after {
    content: "\2015";
    letter-spacing: -2px;
    padding-left: 5px; }

.content > section h4 {
  font-size: 31px;
  font-family: 'rooney-web-n7', 'rooney-web', Georgia, 'Times New Roman', serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -.025em;
  line-height: 1;
  margin-bottom: 0.25em; }

.navbar-default .program {
  width: 100%;
  border-top: 1px solid #c1c1c1;
  padding-top: 12px;
  padding-bottom: 16px;
}

.navbar-default .program > li > a {
  padding: 10px 10px;
}

.navbar-default .program > li > a .event:hover {
  text-decoration: underline;
}

.navbar-default .program > li > a > .day {
  padding: 5px 6px;
  color: #3ba2cf;
  border-radius: 40px; 
  border: 4px solid #3ba2cf;
  text-align:center; 
  font-weight: bold;
}

.navbar-default .program > li > a > .visit {
  background-color: #3ba2cf;
  border-radius: 3px;
  padding: 4px 8px;
  margin-left: 5px;
  color: #fff;
}

.navbar-default .program > li > a > .visit:hover, .navbar-default .program > li > a > .visit:focus {
  background-color: #47aadd;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

#aac {
    background-color: #000;
    color: #fff;
}

#aac .numbers {
  text-align: center;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px dashed #3A3A3A;
}

#aac .number {
  font-size: 47px;
}

#aac .struct {
  font-size: 28px;
}

#aac a {
  color: #E9E9E9;
}

#aac a:hover, #aac a:focus {
  color: #fff;
  text-decoration: none;
}

#uc {
    background-color: #f1f1f1; /* #9ec9ac; */
}


.btn {
  font-size: 18px;
  line-height: 20px;
  padding: 16px;
  color: #fff;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.btn:hover {
  color: #fff;
}

.rendisphera {
  background-color: #2bb673;
}

.rendisphera:hover {
  background-color: #1bc975;
}

.pedagogia {
  background-color: #383838;
}

.pedagogia:hover {
  background-color: #575757;
}

@media (max-width: 767px) {
  body {
  padding: 0px;
  }

  section {
      padding-left: 20px;
      padding-right: 20px;
  }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 1400px) {
  
  h1 {
    font-size: 47px;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  h1 {
    font-size: 32px;
    padding-bottom: 30px;
  }

  .course {
    float: left;
    width: 12.5%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

  .course-list {
    display: none;
  }
}

@media (min-width: 760px) and (max-width: 1400px) {

  .course {
    float: left;
    font-size: 12px;
    width: 12.5%;
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .course-list {
    display: none;
  }

  .nicon {
    padding: 0px;
  }

  .content > section {
    padding-bottom: 72px;
  }

}

@media(min-width: 992px) {
  .swiper-slide {
    padding-top: 140px;
  }

  .gesture img {
    width: 256px;
    width: 256px;
  }
}

@media (max-width: 992px) {
  
  .course {
    display: none;
  }

  .course-list {
    display: block;
  }


  .swiper-slide {
    padding-top: 240px;
  }
}

@media (max-width: 760px) {

  .nicon {
    display: none;
  }

  .content > section {
    padding: 30px 0;
  }

  .swiper-slide {
    padding-top: 80px;
  }

}

@media (max-height: 800px) {
  .gesture img {
    width: 126px;
    height: 126px;
  }
}

@media (max-height: 600px) {
  header[role="about-us"] {
    height: 1000px;
  }
}

@media (min-height: 600px) {
  header[role="about-us"] {
    height: 100vh;
  }
}

@media (min-height: 500px) and (max-height: 900px) {
  .gesture img {
    width: 64px;
    height: 64px;
  }
}