/**********************************
SITE: BELFORT HEALTHCARE
DATA: 28/08/2018
DESIGN: BELFORT HEALTHCARE
DESENVOLVIDO POR: Ricardo Belfort

REFORM BASED 1366 ON: 30/08/2018
***********************************/

*,
*:after {
  margin: 0;
  padding: 0;
  outline: 0;

  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 400;

  line-height: 1.4;
  letter-spacing: 0;

  box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/********************************
********** BASIC STYLES *********
********************************/
body {
  background-color: #fff;
}
h1 {
  font-size: 2em;
  font-weight: 300;
}
h2 {
  font-size: 1.8em;
  font-weight: 400;
}
h3 {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 10px;
}
p {
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0;
}
p.small {
  margin-bottom: 0;
  font-size: 0.75em;
  font-weight: 400;
  color: #fff;
}
b,
strong {
  font-weight: bold;
}
mark {
  padding: 5px 10px;
  background-color: #eee;
}
ul {
  list-style: none;
}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
small {
  font-size: 0.75em;
  color: #555;
}
a {
  color: #fff;
  text-decoration: none;
}
a:hover {
  color: #24c4b8;
}

.tx-link {
  color: #62b0ff;
  text-decoration: none;
}
.tx-link:hover {
  color: #24c4b8;
}

a img {
  border: 0;
}
sup {
  top: -0.8em;
}
sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
hr {
  border: none;
  background-color: #333;
  color: #eee; /* IE6 e 7*/
  height: 1px;
  margin-bottom: 20px;
}
hr.b {
  border: none;
  background-color: #333;
  color: #333; /* IE6 e 7*/
  height: 1px;
}
*:focus {
  outline: none;
}
i.fas,
i.far {
  margin-right: 10px;
}

/********************************
*********** FORM STYLE **********
********************************/
fieldset {
  border: 0;
}
label {
  width: 100%;
  margin-bottom: 20px;
  display: block;
}
label span {
  display: block;
  margin-bottom: 8px;
}

input,
select {
  padding: 10px 15px;
  width: 100%;
  border: 0 !important;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
}

textarea {
  padding: 14px 15px;
  width: 100%;
  border: 0 !important;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
}

input[type="submit"],
input[type="reset"],
button {
  width: 100%;
}

input::-webkit-input-placeholder {
  color: #000 !important;
}
textarea::-webkit-input-placeholder {
  color: #000 !important;
}
input:-moz-placeholder {
  color: #000 !important; /* Firefox 18- */
}
input::-moz-placeholder {
  color: #000 !important; /* Firefox 19+ */
}
input:-ms-input-placeholder {
  color: #000 !important;
}

/********************************
*********** CONTAINERS **********
********************************/
.container {
  float: left;
  width: 100%;
}
.content {
  float: left;
  width: 70%;
  margin: 0 15%;
  padding: 30px 0;
}
.content-no {
  float: left;
  width: 70%;
  margin: 0 15%;
  padding: 10px 0;
}
.content-top {
  width: 70%;
  margin: 0 15%;
  padding: 20px 0;
}
.content-normal {
  width: 70%;
  margin: 0 15%;
  padding: 60px 0;
}
.content-medium {
  width: 70%;
  margin: 0 15%;
  padding: 100px 0;
}
.content-large {
  width: 70%;
  margin: 0 15%;
  padding: 200px 0;
}

.flexbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/********************************
************ SECTIONS ***********
********************************/
.sectitle {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
.sectitle h1 {
  font-family: "Oswald", sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  margin-bottom: 10px;
}
.sectitle span {
  font-family: "Oswald", sans-serif;
  color: #00c0b3;
}
.sectitle .tagline {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
.sectitle .nomargin,
.articletitle .nomargin {
  margin: 0;
}
.sectitle .borderline {
  position: absolute;
  left: 46%;
  bottom: 0;
  width: 120px;
  height: 1px;
  background: #3a465f;
  margin-bottom: 0;
}

.articletitle {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.articletitle h1 {
  font-family: "Oswald", sans-serif;
  font-size: 3.5em;
  margin-bottom: 2px;
  text-transform: uppercase;
  padding-top: 200px;
}
.articletitle .tagline {
  font-size: 1.4em;
  font-weight: 300;
}

.bigtitle {
  float: left;
  width: 100%;
  margin-top: 88px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}
.bigtitle h1 {
  font-family: "Oswald", sans-serif;
  font-size: 4.5em;
  font-weight: 300;
  margin-bottom: 5px;
}
.bigtitle .tagline {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 30px;
}

.title {
  width: 100%;
  margin-bottom: 10px;
}
.title h1 {
  font-family: "Oswald", sans-serif;
  font-size: 2.4em;
  font-weight: 300;
  text-transform: uppercase;
}
.title .tagline {
  font-size: 1.6em;
  font-weight: 300;
  margin-bottom: 20px;
}
.title ul li {
  font-size: 1.2em;
  font-weight: 400;
}

/********************************
********** BG - COLORS **********
********************************/
.bg-light {
  background-color: #fbfbfc !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-dark {
  background-color: #333 !important;
}
.bg-black {
  background-color: #000 !important;
}
.bg-green {
  background-color: #56b748 !important;
  color: #fff !important;
}
.bg-lgreen {
  background-color: #87cc7d !important;
}
.bg-blue {
  background-color: #00c0b3 !important;
  color: #fff !important;
}
.bg-lblue {
  background-color: #62b0ff !important;
}
.bg-lblue2 {
  background-color: #4bc1dd !important;
}
.bg-orange {
  background-color: #f39c12 !important;
}
.bg-red {
  background-color: #c85656 !important;
}
.bg-yellow {
  background-color: #dfc209 !important;
}
.bg-lyellow {
  background-color: #f9e65b !important;
}
.bg-flatyellow {
  background-color: #fdcc31 !important;
}
.bg-load {
  background: url("../_img/load.gif") center center no-repeat !important;
}

.bg-slider {
  background: url(../img/slider.jpg) center bottom no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-natal {
  background: url(../img/campanha-de-natal.jpg) center bottom no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-form {
  background: url(../img/contact.jpg) center bottom no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.bg-about {
  background: url(../img/about.jpg) center bottom no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.bg-products {
  background: url(../img/products.jpg) center bottom no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}
.bg-ptn {
  background: url(../img/gplaypattern.png) repeat;
}

/********************************
 ********* FONT COLORS **********
********************************/
.fwhite {
  color: #fff !important;
}
.flight {
  color: #999 !important;
}
.fdark {
  color: #484b52 !important;
}
.fblue {
  color: #498eba !important;
}
.flblue {
  color: #62b0ff !important;
}
.fgreen {
  color: #56b748 !important;
}
.flgreen {
  color: #87cc7d !important;
}
.fyellow {
  color: #dfc209 !important;
}
.flyellow {
  color: #f9e76a !important;
}
.fred {
  color: #c85656 !important;
}
.flred {
  color: #d78484 !important;
}

/********************************
 ********** FONT SIZES **********
********************************/
.fzero {
  font-size: 0px !important;
  margin: 0 !important;
}
.fsize1 {
  font-size: 1em;
}
.fsize1b {
  font-size: 1.5em;
}
.fsize2 {
  font-size: 2em;
}
.fsize2b {
  font-size: 2.5em;
}
.fsize3 {
  font-size: 3em;
}
.fsize3b {
  font-size: 3.5em;
}

/*******************************
 ********* TEXT STYLES *********
 *******************************/
.italic {
  font-family: "Georgia";
  font-style: italic;
}
.capit {
  text-transform: capitalize;
}
.upper {
  text-transform: uppercase;
}

/********************************
 ********* FONT WEIGHTS *********
********************************/
.thin {
  font-weight: 100 !important;
}
.light {
  font-weight: 300 !important;
}
.normal {
  font-weight: 400 !important;
}
.bold {
  font-weight: 700 !important;
}
.small-caps {
  font-variant: small-caps !important;
}

/********************************
************ HELPERS ************
********************************/
.textshadow {
  text-shadow: 0 1px 1px #000;
}
.boxshadow {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
}
.radius {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.clear {
  clear: both;
}
.last {
  margin: 0 !important;
}
.split:after {
  content: "";
  display: block;
  width: 120px;
  height: 1px;
  background-color: #000;
  margin: 20px auto 40px auto;
}
.pointer {
  cursor: pointer;
}
.m-bottom {
  margin-bottom: 30px;
}

/********************************
********** TX - ALIGN ***********
********************************/
.al-left {
  text-align: left !important;
}
.al-right {
  text-align: right !important;
}
.al-center {
  text-align: center !important;
}
.al-just {
  text-align: justify !important;
}

/********************************
************ FLOATS *************
********************************/
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.none {
  float: none !important;
}

/********************************
************ DISPLAY ************
********************************/
.block {
  display: block !important;
}
.inblock {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.none {
  display: none !important;
}

/********************************
************* BOXES *************
********************************/
.box {
  width: auto;
  float: left;
}
.box-line {
  float: left;
  width: 100%;
}

.box-small {
  width: 22.75%;
  margin-right: 3%;
}
.box-medium {
  width: 30%;
  margin-right: 5%;
}
.box-large {
  width: 46.5%;
  margin-right: 7%;
}
.box-middle {
  width: 80%;
  margin: 0 10%;
}
.box-center {
  width: 50%;
  margin: 0 25%;
}
.box-full {
  width: 100%;
  margin: 0;
}

/********************************
************ VIDEOS *************
********************************/
.video {
  width: 100%;
  margin: 0;
}
.video-small {
  width: 40%;
  margin: 0 30%;
}
.video-medium {
  width: 60%;
  margin: 0 20%;
}
.video-large {
  width: 80%;
  margin: 0 10%;
}

/********************************
************ BUTTONS ************
********************************/
/*.btn{display: inline-block; padding: 15px 30px; background: #fff; color: #333 !important; font-size: 0.8em; font-weight: 400 !important; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer;}*/

.btn {
  display: inline-block;
  padding: 10px;
  background: #fff;
  color: #333 !important;
  font-size: 1em;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer;
}
.btn-small {
  font-size: 0.75em;
  text-transform: uppercase;
}
.btn-normal {
  font-size: 1.4em;
  padding: 15px 30px;
}
.btn-big {
  font-size: 1.6em;
  padding: 20px 40px;
}

.btn:hover {
  text-decoration: none !important;
  transition: all linear 0.15s;
}
.btn-green {
  background: #56b748;
  color: #fff !important;
  border-color: #4a9e3e;
}
.btn-green:hover {
  background: #4a9e3e;
  border-color: #3e8434;
}
.btn-blue {
  background: #498eba;
  color: #fff !important;
  border-color: #3d769b;
}
.btn-blue:hover {
  background: #3d769b;
  border-color: #305d7a;
}
.btn-yellow {
  background: #dfc209;
  color: #fff !important;
  border-color: #c4aa07;
}
.btn-yellow:hover {
  background: #c4aa07;
  border-color: #aa9406;
}
.btn-red {
  background: #c85656;
  color: #fff !important;
  border-color: #ad4a4a;
}
.btn-red:hover {
  background: #ad4a4a;
  border-color: #933f3f;
}
.btn-gray {
  background: #717171;
  color: #fff !important;
  border-color: #565656;
}
.btn-gray:hover {
  background: #565656;
  border-color: #3d3d3d;
}

.btn-darkblue {
  background: #272f38;
  padding: 20px;
  margin-top: 15px;
  color: #fff;
  font-size: 0.9em;
  font-weight: 400;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-darkblue:hover {
  background: #ff706c;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* GRIDS */
.grid-10 {
  width: 10%;
}
.grid-15 {
  width: 15%;
}
.grid-20 {
  width: 20%;
}
.grid-25 {
  width: 25%;
}
.grid-30 {
  width: 30%;
}
.grid-35 {
  width: 35%;
}
.grid-40 {
  width: 40%;
}
.grid-45 {
  width: 45%;
}
.grid-50 {
  width: 50%;
}
.grid-55 {
  width: 55%;
}
.grid-60 {
  width: 60%;
}
.grid-65 {
  width: 65%;
}
.grid-70 {
  width: 70%;
}
.grid-75 {
  width: 75%;
}
.grid-80 {
  width: 80%;
}
.grid-85 {
  width: 85%;
}
.grid-90 {
  width: 90%;
}
.grid-95 {
  width: 95%;
}
.grid-100 {
  width: 100%;
}

/* TABELAS */
table {
  width: 100%;
  height: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
thead {
  font-weight: 500;
}
tbody {
  font-size: 0.9em;
}
tr {
  height: 2em;
}
td {
  padding: 5px;
}

/* ERROS - TRIGGERS */
.trigger {
  padding: 15px;
  font-size: 0.875em !important;
  font-weight: 300;
  text-align: center;
}
.trigger-accept span {
  color: #5ebd5e;
  font-size: 1em !important;
}
.trigger-infor {
  border-color: #007fff;
}
.trigger-alert {
  border-color: #fbc451;
}
.trigger-error {
  border-color: #ff4d4d;
}

/*SHORT ICONS*/
.shorticon {
  padding-left: 26px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.shorticon-sectiontitle {
  padding-left: 90px;
}
.shorticon-legendtitle {
  padding-left: 60px;
}

.shorticon-facebook {
  background-image: url(../css/boot/social/facebook-logo-button.png);
  width: 100%;
}