@charset "UTF-8";
@import url("fonts.css");

html, body, div, span, object, iframe, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  font-style: normal;
  font-size: 17px;
  font-family: BarlowCondensed-Regular;
  word-spacing: 2px;
  line-height: 34px;
  color: #777777;
}

.container-fluid { padding: 0; }

h1 { font-family: BarlowCondensed-Regular; font-size: 45px; }
h2 { font-family: GothamRounded-Light; font-size: 31px; }
h3 { font-family: GothamRounded-Medium; font-size: 26px; }
h4 { font-family: GothamRounded-Medium; font-size: 19px; }
h5 { font-family: BarlowCondensed-Regular; font-size: 20px; }

.t0, .t0 p { font-family: GothamRounded-Light; font-size: 20px; color: #20BEC7; }
.t1 { font-family: BarlowCondensed-Regular; font-size: 17px; }
.t2 { font-family: BarlowCondensed-Italic; font-size: 19px; color:  #323232;}
.t3 { font-family: GothamRounded-Light; font-size: 18px; }
.t4 { font-family: BarlowCondensed-Bold; }
.t5 { font-family: BarlowCondensed-Black; }
.t6 p { font-family: GothamRounded-Light; font-size: 18px; color: #fff; }
.t7 p { font-family: GothamRounded-Light; font-size: 20px; color: #1b1d21; }

.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }
.fs21 { font-size: 21px; }
.fs22 { font-size: 22px }
.fs24 { font-size: 24px }
.fs26 { font-size: 26px }
.fs29 { font-size: 29px }


.c0 { color: #1b1d21!important; }
.c00 { color: #fff!important; }
.c1 { color: #20BEC7!important; }
.c2 { color: ##F1FAF7!important; }
.c3 { color: #F32714  !important; }
.c4 { color: #BABABA!important; }
.c5 { color: #B82556!important; }
.c6 { color: #382C28!important; }
.c7 { color: #F4F4F4!important; }
.c8 { color: #676767!important; }
.c9 { color: #DCDDDE!important; }
.c10 { color: #777777!important; }
.c11 { color: #0000FF!important; }
.c12 { color: #392c29!important; }
.c13 { color: #fed749!important; }


.bck00 { background-color: #fff!important; }
.bck1 { background-color: #20BEC7!important; }
.bck2 { background-color: #F1FAF7!important; }
.bck6 { background-color: #382C28!important; }
.bck7 { background-color: #F4F4F4!important; }
.bck8 { background-color: #676767!important; }
.bck9 { background-color: #DCDDDE!important; }
.bck10 { background-color: #ECECEC!important; }
.bckt { background-color: transparent!important; }

.b-c1 { border-color: #20BEC7!important; }
.b-c2 { border-color: #777777!important; }
.b-c00 { border-color: #fff!important; }
.b-c0 { border-bottom: 1px solid; }



.btn-c1 { line-height: 1.5; border-radius: 100%; background-color: transparent; text-align: center; cursor: pointer; outline:none; border: 2px solid #BABABA; width: 30px; height: 30px;}
.btn-c2 { line-height: 1.5; border-radius: 100%; background-color: #20BEC7; text-align: center; cursor: pointer; border: 2px solid #20BEC7; outline:none; width: 30px; height: 30px; }
.btn-c3 { background-color: #20BEC7; border-radius: 0; color: #fff; border: none; cursor: pointer; padding: 5px 20px 5px 20px; font-family: BarlowCondensed-Bold; font-size: 15px!important; }
.btn-c4 { background-color: #20BEC7; border-radius: 0; color: #fff; border: none; cursor: pointer; font-family: BarlowCondensed-Bold; font-size: 15px!important; }
button:focus, button:active, button { outline: none; }
.btn-c3:hover { color: #fff; }

/*Menus*/
.navbar .dropdown-toggle::after { display: none; }
.navbar .dropdown:click>.dropdown-menu, .navbar .link-dropdown:click>.dropdown-menu { display: none!important; }
.navbar .dropdown:hover>.dropdown-menu, .navbar .link-dropdown:hover>.dropdown-menu { display: block; }
.navbar-nav .nav-item:hover > .nav-link  { color: #20BEC7!important; font-family: BarlowCondensed-Bold!important; }
.navbar .dropdown-menu { background-color: rgba(32, 190, 199, .7); border-radius: 0; border: none;}
.navbar .dropdown-item { color: #fff; }
.navbar .dropdown-item:hover { color: #fff; font-family: BarlowCondensed-Bold!important; background-color: transparent; }
.navbar .dropdown>.dropdown-toggle:active { pointer-events: none; }
.nav-shadow { box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0, .4)!important; }
header { background-color: #fff; }


/*card's*/
.card { border-radius: 0!important; border: none!important; }
.c-shadow { box-shadow: 0px 3rem 1rem -2rem rgba(0,0,0, .4)!important; }
.c-back-img { background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; }
.card-footer { border: none!important; background-color: #fff!important; }
.card-img-top { border-radius: 0; }
.slider-nav .card { min-height: 500px; } 


/*banner*/
.c-container { position: absolute; top: 10px; }
.c-offset-1 { margin-left: 9.333333%; }
.c-row { max-width: 100%!important; margin: 0!important; }
.banner-control { position: absolute; right: 0; bottom: 40px; left: 0;  z-index: 15; display: -ms-flexbox; display: flex; 
    -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%;list-style: none; }

#main-banner .carousel-item, #single-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    min-height: 530px;
}

#main-banner { margin-top: 119px;  }

#main-banner h1, #main-banner p { text-shadow: 1px 1px rgba(255, 255, 255, 0.8); color: #fff!important; /*text-transform: uppercase!important;*/ }

#main-banner .c-container {
    top: 0;
    background-color: rgba(32, 32, 32, 0.2);
    background-image: linear-gradient(to right, rgba(32, 190, 199, .2), rgba(32, 32, 32, 0.0001));
    height: 100%; 
    width: 50%;
    border-bottom-right-radius: 300px;
    border-top-right-radius: 300px;

}


/*Outros*/
.top { cursor: pointer; }
.c-m-1 { margin: 2px 0 2px 0; }
a:hover { text-decoration: none; }
.r-90 { transform: rotate(90deg); }
.r--7 { transform: rotate(-7.3deg); }
.d-unset { display: unset!important; }
.c-btn { display: inline-block; align-items: flex-start; padding: 1px 6px; }
.img-circle { border-radius: 50%; max-width: 140px; height: 140px; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 0; }
.img-footer { width: auto; height: 40px; }
#first-content .card .card-body:hover > h3 { color: #F32714!important;}
#first-content .card:hover { cursor: pointer!important; }
#main-contact { position: relative; }
#main-contact img { position: absolute; height: 59px; margin-left: 10%; top: 9%; }
strong span, strong { font-family: BarlowCondensed-Bold!important; }
.img-gray { filter: grayscale(100%)!important; }

#filterCoursesform select::-ms-expand, #home-3 select::-ms-expand { display: none!important; }
#home-3 select:focus { background-color: #F4F4F4!important; box-shadow: none!important; border-color: #F4F4F4!important; }
#home-3 select { font-family: BarlowCondensed-Bold; font-size: 16px!important; border-radius: 0!important; color: #20BEC7!important;  -moz-appearance: none;  -webkit-appearance: none; border-color: #F4F4F4!important}


#filterCoursesform select:focus, #home-3 select:focus { background-color: #fff!important; box-shadow: none!important; border-color: #fff!important; }
#filterCoursesform select, #home-3 select { font-family: BarlowCondensed-Bold; font-size: 16px!important; border-radius: 0!important; color: #20BEC7!important;  -moz-appearance: none;  -webkit-appearance: none; border-color: #fff!important}

#filterCoursesform select option { background-color: #676767; opacity: .3;  border: none; color: #fff; }
#filterCoursesform select option:hover { color: #777777!important; font-family: BarlowCondensed-Bold!important; background-color: #676767!important; background: #676767!important; }

#filterCoursesform input:focus, #newsletterForm input:focus, #home-3 input:focus { background-color: #fff!important; box-shadow: none!important; }
input::-ms-input-placeholder { color: #20BEC7!important;  }
input:-ms-input-placeholder { color: #20BEC7!important;   }
input::placeholder { color: #20BEC7!important; opacity: 1; }
#filterCoursesform input, #newsletterForm input, #home-3 input { font-family: BarlowCondensed-Bold; font-size: 16px!important; border-radius: 0!important; background-color: #fff!important; color: #20BEC7!important; border: none!important; box-shadow: none!important; }
#c-form input { font-family: BarlowCondensed-Bold; font-size: 16px!important; border-radius: 0!important; background-color: #ECECEC!important; color: #20BEC7!important; border: none!important; box-shadow: none!important; }

#formBodyMessage div { position: fixed; width: 100%; top: 0; z-index: 999; border: none!important; border-radius: 0!important; }

/*slick slider*/
.slick-arrow { cursor: pointer; }
#movies .slick-arrow span, #testemunhos .slick-arrow span, #news .slick-arrow span { color: #20BEC7!important; }
#movies .card-footer { background-color: #ECECEC!important; }




/*SELECT DROP MENU*/

#filterCoursesform .dropdown button:hover, #filterCoursesform .dropdown button:focus {
  border: none;
  outline: 0;
}

.c-select {
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  border: none;
  text-align: left;
  padding: 7.5px 15px;
  color: #20BEC7;
  font-size: 16px;
  font-family: BarlowCondensed-Bold;
  cursor: pointer;
  line-height: 1.5;
  
}

#filterCoursesform .dropdown-menu {
  background-color: rgba(186, 186, 186, .9);
}

#course-show  .dropdown-menu{
  background-color: rgba(32, 190, 199, .7);
}

#filterCoursesform .dropdown-menu, #course-show  .dropdown-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}


#filterCoursesform .dropdown-menu li, #course-show .dropdown-menu li  {
  color: #fff;
  cursor: pointer;
  padding: 7.5px 15px;
  font-size: 16px;
}


#filterCoursesform  .dropdown-menu li:hover {
  background-color: transparent;
  color: #777777!important;
  font-family: BarlowCondensed-Black;
}

#course-show .dropdown-menu a {
  color: #fff;
}
#course-show .dropdown-menu a:hover {
  background-color: transparent;
  font-family: BarlowCondensed-Black;
}

#filterCoursesform .caret {
    float: right;
    margin-top: 9px;
    display: block;
}

.showaction { display: block!important; padding: 2rem!important;  margin-top: 10px;}
/*END SELECT*/


/*Galerias*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {  color: #20BEC7; background-color: transparent!important; }

.nav-pills a.nav-link {
    color: #777777;
    font-family: GothamRounded-Medium;
    border-bottom: 1px solid #777777;
    border-radius: 0;
    padding-left: 0;
}

.galeries button { background: none; border: none; outline: none; cursor: pointer; }
.galeries button span:hover { color: #20BEC7; }

.galeries .right img { max-width: 100%; height: auto; }

#pills-tabContent {  overflow: hidden; }
.over-visible { overflow: visible; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background: white;
}

.galeries .container {
  max-width: 880px;
  padding: 20px 10px;
  margin: 0 auto;
}

.galeries .synch-carousels {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.galeries .synch-carousels > * {
  width: 100%;
}

.galeries .synch-carousels .right {
  order: -1;
}

.galeries .synch-carousels .left {
  overflow: hidden;
}

.galeries .synch-carousels .gallery {
  display: none;
}

.galeries .synch-carousels .slick-slide {
  outline: none;
}

.galeries .slick-vertical .slick-slide {
  border: none;
}

.galeries .left .slick-slide {
  margin-bottom: 10px!important;
}

.galeries .left .gallery, .galeries .gallery .slick-list {
  height: 100%!important;
}

.galeries .right .slick-track .slick-slide { 
  justify-content: center;
  display: flex;
}
.galeries .right .slick-track .slick-active { 
  display: flex; 
}


#left_item .right .slick-track .slick-slide { padding: 0!important; display: flex!important; justify-content: center!important; }

.galeries .gallery .slick-slide {
  cursor: pointer;
}




/*Image - Multiply */
.bg-blend {
  background-color: #20BEC7;
  background-blend-mode: multiply;
  width: 100%;
  background-size: cover;
  height: 300px;
    background-position: center;
    background-position: center;
}


/* pagination */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.pagination li.active a { background-color: #20BEC7; color: #E2E4E1; }
.pagination { justify-content: center!important; }
.border-bottom { border-bottom: none!important; }
.pagination li a {
    padding: 6px 10px;
    background-color: #E2E4E1;
    color: rgb(40, 43, 45);
    display: block;
    text-decoration: none;
    cursor: pointer;
    margin: 2px;
    border: none;
}

/* Medias queries*/
@media (max-width: 576px) { 
  #main-contact img { top: 3px; height: 46px; margin-left: 8px; }
  #main-banner .carousel-item img { max-height: 100%; width: auto!important; max-width: none; }
  #main-banner .carousel-item h1 { font-size: 35px; }
  #main-banner .carousel-item p { font-size: 16px; }
  #main-banner .c-container { width: 100%; border-radius: 0; padding-top: 5rem!important; }
  #single-banner { min-height: 380px; }
  .galeries #left-col .slick-next, .galeries #left-col .slick-prev { display: none; }
  #main-banner .carousel-item {
    background-color: #F3F9F5;
    min-height: 480px;
  }

}

@media (max-width: 768px) { 
  #category_content .tab-content { padding-top: 3rem!important; }
}


@media screen and (min-width: 480px) {
  .galeries .gallery {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
    @media screen and (max-width: 1300px) {
        #navbarNav{
            display: block!important;
        }
    }
}

@media (max-width: 1803px) { 
  #main-contact img { top: 3px; height: 46px; margin-left: 8px; }
}


@media (max-width: 1435px) { 
  #main-banner { margin-top: 178px; }
}