@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratmedium';
    src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*Opens Sanf Font Start*/
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html,
body,
.wrapper {
  height: 100%;
}


body {font-family: 'open_sansregular'; font-size:14px; line-height:1.5; color:#2e353b; margin:0px; padding:0px; overflow-x:hidden; background-color:#f7f7f7;}


h1,h2,h3,h4,h5,h6 {margin:0px; font-family: 'montserratbold'; letter-spacing:0.3px; color:#2e353b;}


/* ---- stats.js ---- */

.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #000120;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position:absolute;
}
.overlay {position:absolute; top:0; left:0; right:0; width:100%; height:100%; background-color:rgb(0,0,0,0.5);}
.cont {position:absolute; top:30px; right:30px;}
.cont a {color:#ef233c; text-decoration:none; font-weight:600;}
.content-row {height:100vh; align-items:center; justify-content:center; color:#fff;}
.content-main-box h1 {text-transform:uppercase; font-size:50px; color:#fff;}
.countdown {display:flex; justify-content:space-between; width:100%; margin:0 auto;}
.countdown > div {text-align:center;}
.countdown .number {font-size:60px; width: 119px; color:#ef233c; font-family: 'montserratsemibold'; }
.content-main-box .para p { font-family: 'open_sansregular';}
.form-div {font-family: 'open_sansregular';}
.form-div  input {background:transparent !important; box-shadow:none !important; color:#fff !important; height:50px !important;}
.form-div  input::placeholder {color:#fff;}
.btn, .btn:hover, .btn:focus {background:#ef233c !important; color:#fff; border-color:#fff !important; box-shadow:none !important;}


.cont-modal .modal-content {border-radius:0px;}
.cont-modal .modal-dialog {max-width:600px;}
.close {outline:none !important;}
.cont-modal .modal-body .ttl {float:none; margin:0 auto; position:relative;}
.cont-modal .modal-body .ttl::before {content:""; width:50px; height:2px; background-color:#ef233c; position:absolute; bottom:-21px; left:0; right:0; margin:0 auto;}
.cont-modal .modal-body .ttl p {width:80%; margin:0 auto;}
.cont-row {margin:0px 15px;}
.addressbox h4 {font-size:16px;}
.addressbox p {margin-bottom:0px;}
.form-feild {float:none; margin:0 auto;}
.cont-modal .modal-body input {border:none; border-bottom:1px solid #ced4da; box-shadow:none !important; border-radius:0px;}
.cont-modal .modal-body textarea {border:none; border-bottom:1px solid #ced4da; box-shadow:none !important; border-radius:0px; resize:none;}

@media all and (max-width:991px){
  .countdown .number {
    font-size: 50px;
    width: 99px;
}
.content-main-box h1{font-size: 40px;}
}
@media all and (max-width:767px){

  .content-main-box {min-width:100%;}
  .content-main-box h1 {font-size:20px;}
  .countdown .number {font-size:40px;}
  .close {position:inherit; z-index:9999;}
  .addressbox {margin-bottom:30px;}
}