@font-face {font-family: "Futura Heavy BT V2";
  src: url("../../fonts/074a76d5e8105426711acdb8923bff90.eot"); /* IE9*/
  src: url("../../fonts/074a76d5e8105426711acdb8923bff90.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/074a76d5e8105426711acdb8923bff90.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/074a76d5e8105426711acdb8923bff90.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/074a76d5e8105426711acdb8923bff90.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/074a76d5e8105426711acdb8923bff90.svg#Futura Heavy BT V2") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Futura Lt BT Light";
  src: url("../../fonts/19580604133dfd68ae370ddc889aedab.eot"); /* IE9*/
  src: url("../../fonts/19580604133dfd68ae370ddc889aedab.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/19580604133dfd68ae370ddc889aedab.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/19580604133dfd68ae370ddc889aedab.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/19580604133dfd68ae370ddc889aedab.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/19580604133dfd68ae370ddc889aedab.svg#Futura Lt BT Light") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Montserrat-Regular";
  src: url("../../fonts/07689d4eaaa3d530d58826b5d7f84735.eot"); /* IE9*/
  src: url("../../fonts/07689d4eaaa3d530d58826b5d7f84735.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/07689d4eaaa3d530d58826b5d7f84735.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/07689d4eaaa3d530d58826b5d7f84735.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/07689d4eaaa3d530d58826b5d7f84735.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/07689d4eaaa3d530d58826b5d7f84735.svg#Montserrat-Regular") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Roboto Bold V2";
  src: url("../../fonts/e31fcf1885e371e19f5786c2bdfeae1b.eot"); /* IE9*/
  src: url("../../fonts/e31fcf1885e371e19f5786c2bdfeae1b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/e31fcf1885e371e19f5786c2bdfeae1b.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/e31fcf1885e371e19f5786c2bdfeae1b.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/e31fcf1885e371e19f5786c2bdfeae1b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/e31fcf1885e371e19f5786c2bdfeae1b.svg#Roboto Bold V2") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Hind Regular";
  src: url("../../fonts/5f4475f08c5cffdbcede57400eb7c5e9.eot"); /* IE9*/
  src: url("../../fonts/5f4475f08c5cffdbcede57400eb7c5e9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../../fonts/5f4475f08c5cffdbcede57400eb7c5e9.woff2") format("woff2"), /* chrome、firefox */
  url("../../fonts/5f4475f08c5cffdbcede57400eb7c5e9.woff") format("woff"), /* chrome、firefox */
  url("../../fonts/5f4475f08c5cffdbcede57400eb7c5e9.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../../fonts/5f4475f08c5cffdbcede57400eb7c5e9.svg#Hind Regular") format("svg"); /* iOS 4.1- */
}
@font-face {font-family: "Montserrat-Semibold";
  src: url("../../fonts/Montserrat-SemiBold.eot"); /* IE9*/
  src: url("../../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
   url("../../fonts/Montserrat-SemiBold.woff") format("woff"), /* chrome、firefox */
   url("../../fonts/Montserrat-SemiBold.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}
@font-face {font-family: "Montserrat Bold";
   src: url("../../fonts/Montserrat-Bold.ttf") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}


html,
body {
  height: 100%;
  width: 100%;
}
body {
  font-size: 12px;
  font-family: 'Montserrat-regular', Arial;
}

@media (max-width:500px){
  body{
    font-size: 6px;
  }
}
@media (min-width:500px) and (max-width:768px){
  body{
    font-size: 8px;
  }
}
@media (min-width:768px) and (max-width:1100px){
  body{
    font-size: 10px;
  }
}



hr {
  border-color: #00ccff;
  border-width: 3px;
  max-width: 50px;
}
hr.light {
  border-color: white;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #00ccff;
}
a:hover,
a:focus {
  text-decoration: none;
}

aside {
  padding: 50px 0;
}
.no-padding {
  padding: 0;
}
.nav-login {
  margin-top:15px;
}
.navbar-default {
  background-color: white;
  border: none;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.navbar-default .navbar-header .navbar-brand {
  color: #F05F40;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  height: auto;
  text-transform: uppercase;
}
.navbar-default .navbar-header .navbar-brand img {
  max-width: 160px;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
  text-transform: uppercase;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #00ccff;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #00ccff !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
#menu-footer {
  margin-top: 10px;
  font-family: Montserrat-regular;
}
#menu-footer ul {
  padding:0px;
  margin:0px;
  list-style:none;
}
#menu-footer ul li {
  color: #FFF;
  display: inline;
  padding: 0 10px 0 10px;
}

#btn-scroll-top {
    display: none;                  /* Hidden by default */
    position: fixed;                /* Fixed/sticky position */
    bottom: 80px;                   /* Place the button at the bottom of the page */
    right: 30px;                    /* Place the button 30px from the right */
    z-index: 99;                    /* Make sure it does not overlap */
    border: none;                   /* Remove borders */
    outline: none;                  /* Remove outline */
    background-color: transparent;  /* Set a background color */
    color: white;                   /* Text color */
    cursor: pointer;                /* Add a mouse pointer on hover */
    padding: 15px;                  /* Some padding */
    border-radius: 0px;             /* Rounded corners */
    border: 1px solid #FFF;         /* Border thickness */
}

#btn-scroll-top:hover {
    background-color: transparent; /* Add a dark-grey background on hover */
}



/*DEFAULT*/
.title{
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size:3em;
}

/*HEADER*/
header{
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: top center;
  position: relative;
  background-color: #000;
}
#header1{
background-image: url("../img/banners/topBanner.jpg");
background-position: right;
height:0;
padding-top:45%;
font-family: 'Montserrat';
}
@media (max-width:540px){
  #header1{
  padding-top: 90%;
  background-image: url("../img/banners/topBanner_m.jpg");
  }
}
@media(max-width:768px){
  #header1{
  margin-top: 52.67px;
  }
}
.btnSaibaMaisTop{
  padding: 10px;
padding-left: 35px;
padding-right: 35px;
border: 2px solid #ffffff;
color: #000;
cursor: pointer;
border-radius: 4px;
background-color: #ffffff;
}
.fadeImgTop{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000b21 2vh, #00000047, #000b2161);
}
.containerTop{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 65%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  text-transform: uppercase;
}

.containerTop h1{
  font-weight: bold;
  font-size: 5em;
}
.containerTop h2{
  font-weight: bold;
  font-size: 3.5em;
}

.containerTop h1 span{
  color: #FFFF00;
  display: inline-block;
  -moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}

@media (min-width: 767px) and (max-width: 1066px){
  .setasDepoimentos {
      padding-top: 20% !important;
  }
}


/*O QUE É*/
#oquee{
  background-color: #000B21;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 100px;
  font-family: 'Montserrat';
}
.textOqueE{
  margin: auto;
  text-align: center;
  font-size: 1.5em;
}
.textOqueE span{
  font-weight: bold;
}


/*CURSOS*/
#cursos{
  background-color: #000B21;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 100px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat';
}
.resultCursos{
  display: flex;
  width: 90%;
  max-width: 1000px;
  flex-wrap: wrap;
  margin: auto;
  align-items: center;
  justify-content: center;
}
.divImgCursos{
  position: relative;
  display: inline-block;
}
.imgCurso{
  width: 250px;
}
.divImgCursos h2{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
    font-size: 1em;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    margin-top: 30px;
}
.fadeImg{
  position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #00000073 2vh, #000b2100);
}


@media (max-width:556px){
.imgCurso{
  display: none;
}
.divImgCursos h2{
  position: relative;
  transform: none;
  font-size:1.5em;
}
.fadeImg{
  display: none;
}
.divImgCursos{
  width: 100%;
}
}


/*VANTAGENS*/
#vantagens{
  font-family: 'Montserrat';
  background-image: url(../img/banners/bannerVantagens.jpg);
  background-position: center;
  background-size: cover;
  /*height: 0;
  padding-top:49.5%;*/
  position: relative;
  padding-bottom: 100px;
  padding-top: 100px;
  color: #fff;
}
#vantagens h3{
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
}
.iconsVantagens{
  /*position: absolute;
  left: 0;
  right: 0;*/
  position: relative;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 90%;
  max-width:990px;
  color: #fff;
}
.icon{
  text-align: center;
  width: 250px;
  margin-top: 30px;
}
.icon img{
  max-width: 70px;
  max-height: 70px;
}
.icon h4{
  font-weight: bold;
}
.icon p{
  font-size: 1.3em;
}




/*FORM*/
#credencie{
  background: linear-gradient(to left, #00294F, #0080CF);
  color: #fff;
  padding-bottom: 100px;
  padding-top: 100px;
  font-family: 'Montserrat';
}
#credencie h3{
  text-transform: uppercase;
  text-align: center;
}
.containerForm{
  width: 90%;
  margin: auto;
  max-width: 500px;
  margin-top: 50px;
  text-align: center;
}


textarea{
  border-radius: 0 !important;
}
#btnEnviar{
  border: none;
  margin-top: 30px;
  background-color: #00CCFF;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 50px;
  font-size: 1.3em;
  width: 22%;
  min-width: 150px;
}
.divLocalizacao {
  display: flex;
  justify-content: space-between;
}
.comboBox {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #929292de;
  padding: 10px 10px 10px 5px;
  overflow: hidden;
  outline: none;
  margin: 0 0 45px;
  font-size: 15px;

}
option {
  color: #000;
}
#lblMsg{
  display: block;
  margin-top: 30px;
  font-size: 1.4em;
}

/* form starting stylings ------------------------------- */
.group            {
  position:relative;
  margin-bottom:45px;
}
input               {
  font-size:15px;
  padding:10px 10px 10px 5px;
  display:block;
  width: 100%;
  border:none;
  border-bottom:1px solid #929292de;
  background-color: transparent;
}
input:focus         { outline:none; }

/* LABEL ======================================= */
label                {
  color:#d2d2d2;
  font-size:15px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:10px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

/* active state */
input:focus ~ label, input:valid ~ label        {
  top:-20px;
  font-size:14px;
  color:#d2d2d2;
}

/* BOTTOM BARS ================================= */
.bar    { position:relative; display:block; width:100%; height: 1px; }
.bar:before, .bar:after     {
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background: #ffffffa3;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%;
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}
@keyframes inputHighlighter {
    from { background:#5264AE; }
  to    { width:0; background:transparent; }
}


/*RODAPE CONTATO*/
/*CONTATO*/
#rodape{
  background: -moz-linear-gradient(90deg, rgba(108,54,130,1) 0%, rgba(38,24,84,1) 100%); /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(38,24,84,1)), color-stop(100%, rgba(108,54,130,1))); /* safari4+,chrome */
  background: -webkit-linear-gradient(90deg, rgba(108,54,130,1) 0%, rgba(38,24,84,1) 100%); /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(90deg, rgba(108,54,130,1) 0%, rgba(38,24,84,1) 100%); /* opera 11.10+ */
  background: -ms-linear-gradient(90deg, rgba(108,54,130,1) 0%, rgba(38,24,84,1) 100%); /* ie10+ */
  background: linear-gradient(0deg, rgba(108,54,130,1) 0%, rgba(38,24,84,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#261854', endColorstr='#6c3682',GradientType=0 ); /* ie6-9 */
  top: 500% !important;
}
.rowContato{
  width: 80%;
  height: auto;
  margin: auto;
  display: flex;
  margin-bottom: 10%;
}
.rowContato button{
  margin-top: 15px;
  color: white;
background-color: transparent;
border: 1px solid #fff;
}
.contatoColumn{
  width: 20%;
}
.columnRightBorder{
border-right:  solid 1.5px rgba(234, 234, 234, 0.22);
}
.imgIcon{
  width: 28%;
  margin-bottom: 5%;
}
.contato-container{
  color: #ffffff;
  text-align: center;
}
.logo-drmicro {
    max-width: 200px;
}
.row h3{
  margin-bottom: 8vh;
  font-size: 2.5em;
}
.row{
  margin: auto;
}
@media (max-width:768px){
/*RODAPE CONTATO MOBILE*/
.rowContato img{
  width: 50px;
  }
  .rowContato {
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
    margin-bottom: 10%;
  }
  .rowContato button{
    color: white;
    background-color: transparent;
    border: 1px solid #fff;
        margin-top: 5px;
  }
  .contatoColumn {
  width: 80%;
  margin: auto;
  margin-bottom: 5%;
  display: flex;
      justify-content: space-between;
  height:auto;
      align-items: center;
      position: relative;
          padding-bottom: 5px;
  }
  .contatoColumn h6{
    text-align: right;
  }
  .columnRightBorder {
  border-right: none;
    border-bottom: solid 1.5px rgba(234, 234, 234, 0.22);
  
  }
  .imgIcon {
    width: 20%;
  }
  
  .contato-container{
    color: #ffffff;
    text-align: center;
  }
  .logo-drmicro {
      max-width: 200px;
  }
  .page6 h3{
    font-size: 2.5em;
    margin: 0px;
    margin-bottom: 20px;
  }
  .row{
    margin: auto;
  }
  .page6 h6{
  text-align: right;
  margin: 0;
  }
  .textOnline h6{
  max-width: 100%;
  text-align: right;
  position: relative;
  }
  .imgandtitle{
    text-align: left;
  }
}




@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
        padding-top: 10px;
  }
  .navbar-default .navbar-header .navbar-brand {
    height: auto;
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand img {
    max-width: 160px;
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: white;
  }
  .navbar-default.affix {
    background-color: white;
    border: 1px solid;
    border-color: rgba(34, 34, 34, 0.05);
    padding-top: 10px;
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #00ccff;
    font-size: 14px;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #eb3812;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #222222;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #00ccff;
  }
  .navbar-default.affix .btn-login,
  .navbar-default.affix .btn-login:focus:hover {
    color: #00CCFF !important;
border: 2px solid #00CCFF;
  }
  .navbar-default .btn-login,
  .navbar-default .btn-login:focus:hover {
    color: #FFF !important;
    border: 2px solid #FFF;
  }

}