@charset "utf-8";
/* CSS Document */


#centerS { margin: auto; padding: 0;  text-align: left; width: 944px;}
.content{ width:100%; float:left;  background:url(//cdn2.scriptcase.com.br/lib/../download_congratulation/img/cong_bg.png) repeat; min-height:140px;}
.center_txt{ width:100%; text-align:center; margin:40px 0 0 0;  min-height:96px;}
.center_txt h1{ font-size:38px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;   }
.center_txt h2{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#7d7d7d; margin:0; padding:0; font-weight:bold; }
.center_txt .click_bt{ min-height:20px; font-weight: bold; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;  padding-top: 4px; border-radius:5px;}
 .click_bt a{ color:#333; text-decoration:none;}
 .click_bt a:hover{ color:#666; text-decoration:underline;}
.download_feadback{ width:711px; min-height:102px; background-color:#517dbe; margin:7px 6px 0 6px; color:#FFF; float:left; padding:0 110px 0 110px;}
.download_feadback .headphone_img{ width:73px; float:left; margin-top:10px; }
.download_feadback{ width:938px; float:right; text-align:center; color:#FFF; margin-top:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.right_txt{ width:552px; float:left; text-align:center; color:#FFF; margin-top:12px; margin-left: 15px;}
.right_txt .title{ font-size:25px; font-family:"Myriad Pro";}
.title a{ color:#FFF; text-decoration:none;}
.title a:hover{ color:#CCC;}

.trial{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.trial a{ color:#FFF; text-decoration:none; margin:0; padding:0;}
.trial a:hover{ color:#CCC;}

.right_txt .click_here{ min-height:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; padding-top: 4px; border-radius:5px;}
.click_here a{ color:#fff;}
.click_here a:hover{ color:#CCC; text-decoration:underline;}

.brands_feadback { /*width:828px;*/ min-height:208px; background-color:#FFF; margin:7px 6px 6px 6px; color:#FFF; float:left; padding:30px 50px 0 50px; border:1px solid #cacaca;}
.brands_feadback .brands{ width:100%; float:left;  margin-bottom:15px;}
.brands_feadback .box1{ width:234px; min-height:71px; float: left;  margin-right:60px;}
.brands_feadback .box1.reBodr{ margin-right:0px;}
.box1 .left_img{ width:68px; float:left;}
.box1 .r_text{ width:150px; float:right;   }
.r_text h3{ font-size:13px; color:#4f4f4f; font-family:Arial, Helvetica, sans-serif; margin-top:10px; width:100%;}
.r_text h3 a{ color:#4f4f4f; text-decoration:none;}
.r_text h3 .base{ color:#4a77bb; width:100%;}
.r_text h3 .base a{ color:#4a77bb; width:100%;}

.videos_feadback { width:922px; min-height:220px; background-color:#FFF; margin:7px 6px 6px 6px; color:#FFF; float:left; padding:3px 3px 0 3px; border:1px solid #cacaca;}
.videos_feadback .gray_bg{ background-color:#dcdcdc; width:100%; min-height:30px;}
.gray_bg h2{ font-size:15px; float:left; color:#010101; margin:5px 0 0 5px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.videos_feadback .video_part{ width:678px; float:left; margin:19px 120px 0 120px; }
.video_part .left{ width:200px; float:left; min-height:157px;  margin-right:135px;}
.left h4{ font-size:12px; color:#4a77bb; font-family:Arial, Helvetica, sans-serif; margin:0px 0 5px 0;}
.left h4 a{ color:#4a77bb; text-decoration:none;}
.left .video_img{ width:192px; float:left; margin-top:5px;}

.id_feadback{ width:100%; float:left;  background:url(//cdn2.scriptcase.com.br/lib/../download_congratulation/img/cong_bg.png) repeat; min-height:68px;}
.id_feadback .white_bg{ width:927px; min-height:48px; float:left; background-color:#FFF; border:1px solid #cacaca;  margin: 7px 6px 6px; text-align:center;}
.white_bg p{ color:#4f4f4f; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:17px;}

.thank-you-header {
  min-height: 300px;
  width: 100%;
  background: url("//cdn2.scriptcase.com.br/lib/../download_congratulation/img/bg-thank-you.png") repeat;
}

.thank-you-title {
  font-weight: 300;
  font-size: 3.5rem;
}

.text-header{
  text-align: center;
}

.book-intro-sec {
  min-height: 300px;
  width: 100%;
  padding: 15px 0;
  background: -webkit-gradient(linear, left top, right top, from(#0052D4), color-stop(99.51%, #4364F7));
  background: linear-gradient(131.05deg, #0052D4 0%, #4364F7 53.65%, #6FB1FC 100%);
  color:white !important;
}

.book-intro-sec .book-intro-title {
  font-size: 1.5rem;
  font-weight: normal;
  text-align: center;
}

.book-intro-sec .book-intro-span {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

.book-intro-sec .book-intro-content {
  padding: 15px 15%;
}

.book-intro-sec .book-intro-btn {
  cursor: pointer;
  border-radius: 30px;
  font-weight: bold;
  color: #3E5062;
  background: white;
  -webkit-box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.1);
          box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.1);
  padding: 10px 35px;
}

.book-intro-sec .book-intro-btn:hover {
  background: #3E5062;
  color: white;
}

.other-links-sec .other-links-span {
  color: #3E5062;
  font-size: 1.2rem;
  margin: 30px 0 0 0;
  text-align: center;
}

.other-links-sec .other-links-container .btn {
  margin: 15px 7.5px;
  font-weight: bold;
  padding: 15px 0;
  border: none;
  -webkit-box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.other-links-sec .other-links-container .btn:hover {
  /*background: #4364F7;
  color: white;*/
  -webkit-box-shadow: 0px 9px 36px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 9px 36px rgba(0, 0, 0, 0.25);
}

.other-links-sec .other-links-container .btn-demo {
  background: #F1F9F7;
  color: #76C2AF;
}

.other-links-sec .other-links-container .btn-course {
  background: #F1F7FB;
  color: #86BBD9;
}

.other-links-sec .other-links-container .btn-doc {
  background: #FCF5EF;
  color: #E0995E;
}

.img-container{
  display: inline-block;
  width: 36px;
  height: auto;
  margin-right: 5px;
}

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

/*ajuste-modal*/
.fade.in{
	opacity: 1;
}
.modal-backdrop.fade {
    opacity: 0.5;
}
.modal.fade .modal-dialog {
    height: auto !important;
    max-width: 500px !important;
    margin: 30px auto !important;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media (max-width: 750px){
  .img-container{
    margin: 0 auto;
    margin-bottom: 5px;
    display: block;
  }

  .other-links-container{
    flex-wrap: wrap;
  }
  
    .other-links-container .btn{
      flex: 1;
      padding: inherit 15px !important;
    }
}