@font-face {
    font-family: 'Roboto 100';
    src: url('../fonts/robotocondensed-light-webfont.eot');
    src: url('../fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto 200';
    src: url('../fonts/robotocondensed-regular-webfont.eot');
    src: url('../fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto 300';
    src: url('../fonts/robotocondensed-bold-webfont.eot');
    src: url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body { margin: 0px!important; padding: 0px!important; box-sizing: border-box!important; width: 100%; height: 100%; overflow: visible; font-family: "Roboto 200", sans-serif; position:relative; color: white; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
a, button, li,
.form-group span .fa
{ -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: #888; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: #666; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }

body {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

h1, h2 {
  font-family: 'Roboto 300', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1rem;
}

p {
  font-size: 1.75rem;
  line-height: 2.5rem;
  letter-spacing: 0.25rem;
  padding: 10px 0;
}

#background-carousel{
    position:fixed;
    width:100%;
    height:100%;
    z-index:-1;
    background: black;
}
.carousel,
.carousel-inner {
    width:100%;
    height:100%;
    z-index:0;
    overflow:hidden;
    opacity:0.7;
}
.item {
    width:100%;
    height:100%;
    background-position:center center;
    background-size:cover;
    z-index:0;
}
 
#content-wrapper {
    position:absolute;
    z-index:1 !important;
    min-width:100%;
    min-height:100%;
    overflow: hidden;
}
.well { opacity:0.85; }

.block {
  display: flex;
  position: absolute;
  background: rgb(218, 19, 17, 0.85);/* #da1311 */
  overflow: hidden;
  color: transparent;
  transition: all .5s ease-in-out;
  z-index: 99;
}

/*.block div { border: 1px solid black; }*/

/* BLOCK TOP STYLES */
.block-top {
  flex-direction: column;
  height: 0;
  width: 100%;
  top: 0;
  padding: 0;
}

.block-top-open {
  color: white;
  /*height: 550px;*/
  height: 80vh;
  transition: all .5s ease-in-out;
}

.top-content, .top-close-area { 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.top-content { height: 90%; min-height: 500px; }
.top-content div { max-width: 60%; }
.top-close-area { height: 10%; }

/* BLOCK LEFT STYLES */
.block-left {
  flex-direction: row;
  height: 100%;
  width: 0;
  left: 0;
}

.block-left-open {
  color: white;
  width: 850px;
  transition: all .5s ease-in-out;
}

.left-content, .left-close-area, .right-content, .right-close-area { 
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.left-content, .right-content { width: 90%; }
.left-content div { max-width: 60%; }
.right-content div { max-width: 70%; }
.left-close-area, .right-close-area { width: 10%; }

/* BLOCK RIGHT STYLES */
.block-right {
  flex-direction: row;
  height: 100%;
  width: 0;
  right: 0;
  /*background: white;*/
}

.block-right-open {
  color: white;
  width: 850px;
  transition: all .5s ease-in-out;
}

.content-head, .content-body, .content-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}

.content-head div, .content-footer div { 
    display: flex;
    /*border: 1px solid black; */
}

.menu { justify-content: center; }

.menu a, .close-block {
    color: white;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    cursor: pointer;
}

form div {
  display: flex;
  flex-direction: column;
  padding: 5px 0 !important;
}

.form-control {
  min-height: 55px;
  color: white;
}

.form-control, label, input, textarea, form button {
  font-size: 1.75rem;
  line-height: 2.5rem;
  letter-spacing: 0.25rem;
  font-weight: normal;
}

.form-control, input, textarea, form button {
  padding: 15px;
  border-radius: 20px;
  /* border: 0px; */
  border: solid 1px transparent;
  background: #7d0000;
  width: 100%;
}

.form-control, textarea:focus, input:focus, form button:focus { outline: none; }

form button {
  /*background-image: radial-gradient(#0059b1, #000c4f);*/
  background-image: radial-gradient(#0059b1, #031161);
  text-transform: uppercase;
}

.close-block {
  border: none;
  background: transparent;
  font-size: 2rem;
}

/* CONTENT HEAD STYLES */
.content-head { height: 25vh; }

.menu-top, .social { padding: 20px; }

.menu-top { align-items: flex-start; }

.logo {
    justify-content: center;
    align-items: center;
}

.social {
    justify-content: flex-end;
    align-items: flex-start;
}

.social svg, .social-mobile svg { margin: 5px; }

.social a svg, .social a img { transform: rotate3d(0, 1, 0, 0deg); -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }

.social a:hover svg, .social a:hover img { transform: rotate3d(0, 1, 0, 360deg); }

/* CONTENT BODY STYLES */
.content-body { height: 60vh; }

.main-content { padding: 0; }

.menu-left, .menu-right { display: flex; align-items: center; }

.menu-left a, .menu-right a { text-align: center; }

.menu-left a, .left-close-area > button {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
    min-width: 275px;
}
.menu-right a, .right-close-area > button  {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
    min-width: 190px;
}

.main-content {
    display: flex; 
    justify-content: flex-end;
    align-items: center;
}

/* CONTENT FOOTER STYLES */
.content-footer, .content-footer-mobile { height: 15vh; }

.signature, .menu-bottom, .create-logo { align-items: flex-end; }

.signature, .create-logo { padding: 20px; }

.signature { justify-content: flex-start; }

.menu-bottom { justify-content: center; }

.create-logo { justify-content: flex-end; }

.create-logo img { max-width: 70px; }

#fale-conosco { color: white; text-decoration: underline; }

#submit { -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }

#submit:hover { background-image: radial-gradient(#000c4f, #0059b1); }