.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: 0.25rem;
  border-radius: 0.25rem; }

.bd-callout h4 {
  margin-top: 0;
  margin-bottom: 0.25rem; }

.bd-callout p:last-child {
  margin-bottom: 0; }

.bd-callout code {
  border-radius: 0.25rem; }

.bd-callout + .bd-callout {
  margin-top: -0.25rem; }

.bd-callout-info {
  border-left-color: #5bc0de; }

.bd-callout-info h4 {
  color: #5bc0de; }

.bd-callout-warning {
  border-left-color: #f0ad4e; }

.bd-callout-warning h4 {
  color: #f0ad4e; }

.bd-callout-danger {
  border-left-color: #d9534f; }

.bd-callout-danger h4 {
  color: #d9534f; }

.guideLine {
  border: 1px dashed gray; }

.guideLine-red {
  border: 1px dashed red; }

.inlineBlock {
  display: inline-block !important; }

.colorRed {
  color: red; }

.colorGrey {
  color: grey; }

.fullWidth {
  width: 100%;
  max-width: 100%; }

.fullHeight {
  height: 100%; }

.overContentRelative {
  position: relative; }

.overContent-fixed {
  position: fixed; }

.overContent-fixedTop {
  position: fixed;
  top: 0;
  right: 0; }

.overContent {
  position: absolute; }

.overContent-topCenter {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.overContent-topLeft {
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.overContent-topRight {
  top: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

.overContent-bottomCenter {
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.overContent-bottomRight {
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto; }

.overContent-bottomLeft {
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.overContent-centerAll {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.overContent-centerLeft {
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.overContent-centerRight {
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

/*center div*/
.outerCenter {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%; }

.middle {
  display: table-cell;
  vertical-align: middle; }

.inner {
  margin-left: auto;
  margin-right: auto;
  /*width: */
  /*wharever width you want*/ }

.textCenter {
  text-align: center; }

.displayBlock {
  display: block !important; }

.centerBlock {
  display: block !important;
  margin: 0 auto; }

.centerElementBlock {
  margin: 0 auto; }

.noMargin {
  margin: 0 !important; }

.noPaddingLateral {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.noPaddingLeft {
  padding-left: 0px !important; }

.noPaddingRight {
  padding-right: 0px !important; }

.noPadding {
  padding: 0 !important; }

.noMarginLateral {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.noMarginLeft {
  margin-left: 0px !important; }

.noMarginRight {
  margin-left: 0px !important; }

.noMarginTopBottom {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.fontWeightNormal {
  font-weight: normal; }

.fontWeight800 {
  font-weight: 800; }

.fontWeight900 {
  font-weight: 900; }

.fontWeight300 {
  font-weight: 300; }

.fontWeight700 {
  font-weight: 700; }

.textLeft {
  text-align: left !important; }

.marginAuto {
  margin: auto; }

.backColor167dc7 {
  background: #167dc7; }

.colorWhite {
  color: white; }

.uppercase {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.cursorPointer {
  cursor: pointer; }

.bButton1pxbdbdbd {
  border-bottom: 1px solid #bdbdbd; }

body {
  background-color: black;
  color: white; }

.mainBg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  position: relative; }

.mainTitle {
  font-family: 'Prata', serif;
  font-size: 80px;
  margin-top: 140px; }

.secondTitle {
  font-family: 'Prata', serif;
  font-size: 24px;
  font-weight: 400; }

.smallTitle {
  margin-top: 30px !important;
  font-size: 18px; }

.mainForm {
  width: 60%;
  display: flex;
  align-items: center; }
  .mainForm .inputEmail {
    background: rgba(253, 253, 253, 0.8);
    width: 40%; }
  .mainForm .btnSubmit {
    background-color: white;
    color: black;
    padding: 6px 30px 6px 30px; }

.separator {
  height: 50px;
  width: 2px;
  background-color: white; }

.buttonImage_one {
  width: 55px;
  height: 50px; }

.buttonImage_two {
  width: 70px;
  height: 50px; }

.btImages {
  position: absolute;
  bottom: 0;
  margin-bottom: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto; }

.snowflakeIcon {
  width: 34px;
  height: 34px; }

/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .btImages {
    position: absolute;
    bottom: 0;
    margin-bottom: 40px; }
  .separator {
    height: 80px; }
  .mainBg {
    background-position: 45%; }
  .mainTitle {
    line-height: 110px;
    margin-top: 40px; }
    .mainTitle span {
      font-size: 80px;
      display: block; }
  .snowflakeIcon {
    margin-top: 20px;
    width: 54px;
    height: 54px; }
  .buttonImage_one {
    width: 95px;
    height: 90px; }
  .buttonImage_two {
    width: 100px;
    height: 80px; }
  .secondTitle {
    margin-top: 10px !important;
    font-size: 25px; } }

/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .separator {
    height: 50px; }
  .snowflakeIcon {
    width: 34px;
    height: 34px; }
  .buttonImage_one {
    width: 55px;
    height: 50px; }
  .buttonImage_two {
    width: 70px;
    height: 50px; }
  .mainTitle {
    line-height: 65px;
    margin-top: 30px; }
    .mainTitle span {
      display: block;
      font-size: 45px; }
  .snowflakeIcon {
    margin-top: 10px; }
  .secondTitle {
    margin-top: 10px !important;
    font-size: 16px; } }

@media only screen and (max-width: 378px) {
  .btImages {
    margin-top: 130px; } }

@media only screen and (max-width: 360px) {
  .mainTitle {
    line-height: 55px;
    margin-top: 30px; }
    .mainTitle span {
      display: block;
      font-size: 38px; }
  .secondTitle {
    margin-top: 15px !important;
    font-size: 14px; }
  .snowflakeIcon {
    margin-top: 30px; } }

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  .snowflakeIcon {
    margin-top: 0px; } }