body {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  color: #455a64;
}

.home {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}


/*bg video*/

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}

.no-video .video-container video, .touch .video-container video {
  display: none;
}

.no-video .video-container .poster, .touch .video-container .poster {
  display: block !important;
}

.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #000;
}

.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.video-container .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100vh;
}

.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}

.video-container video.fillWidth {
  width: 100%;
}


/*bg video end  */

.main-part {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  width: 765px;
  height: 500px;
}

.main-box {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: relative;
  margin: auto;
  height: 500px;
  width: 740px;
}

.imgbox {
  position: relative;
  width: 280px;
  margin-right: 60px;
}

.logo {
  width: 120px;
}

.logo1 {
  width: 300px;
}

.clr1 {
  color: #fff !important;
}

.clr2 {
  color: #455a64 !important;
}

.clr3 {
  color: #f44437;
}

.clr4 {
  color: #ccc;
}

.bg-clr {
  background-color: #eceff1 !important;
}

.mar1 {
  margin: 30px 0;
}

.mar2 {
  margin-right: 10px;
}

.mar3 {
  margin-top: 60px;
}

.mar4 {
  margin: 0 !important;
}

.mar5 {
  margin: 42px 0 42px 75px;
}

.mar6 {
  margin: 42px 0 42px -75px;
}

.mar7 {
  margin: 0 40px;
}

.mar8 {
  margin: 0 auto;
}

.mar9 {
  margin-bottom: 35px;
}

.mar10 {
  margin: 19px 0;
}

.mar11 {
  margin-top: 20px;
}

.mar12 {
  margin: 25px 0;
}

.padd1 {
  padding: 0 87px;
}

.padd2 {
  padding: 25px 0;
}

.font1 {
  font-size: 18px;
}

.font2 {
  font-size: 36px;
}

.font3 {
  font-size: 14px;
}

.font4 {
  font-size: 70px;
}

.imag1, .imag2 {
  width: 120px;
}

.sub-part {
  width: 425px;
}

.page {
  padding: 100px 0;
}

.page1 {
  padding: 100px 50px 30px 50px;
}

.text1 {
  text-align: justify;
}

.sub-imag1 {
  width: 300px;
  height: 300px;
  overflow: hidden;
}

.align1 {
  text-align: right;
}

.align2 {
  text-align: left;
}

.wid1 {
  width: 33.3%;
}

.wid2 {
  width: 33.3%;
}

.wid3 {
  width: 33.3%;
}

.bg-clr1 {
  background-color: #9c27b0;
}

.hvr1:hover {
  background-color: #7b1fa2;
}

.bg-clr2 {
  background-color: #673ab7;
}

.hvr2:hover {
  background-color: #512da8;
}

.bg-clr3 {
  background-color: #3f51b5;
}

.hvr3:hover {
  background-color: #303f9f;
}

.bg-clr4 {
  background-color: rgba(0, 0, 0, 0.5);
}

.box1 {
  width: 320px;
  margin: 50px auto;
}

.box2 {
  width: 500px;
  margin: 50px auto;
}

.box3 {
  width: 500px;
  margin: 34px auto;
}

header {
  position: fixed;
  width: 100%;
  height: 80px;
  background-color: #fff;
  color: #d22221 !important;
  left: 0;
  top: 0;
  z-index: 99;
  box-shadow: 0 0 15px #ccc;
}

.disp {
  display: none;
}

.active {
  height: 80px;
  width: 100%;
  z-index: 99;
  background-color: #fff;
  color: #d22221 !important;
  display: block;
}

.anchor {
  text-decoration: none !important;
}

.logo-box {
  width: 80px;
}

.bg-img1 {
  background-image: url("../images/mail.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
}

.hei1 {
  line-height: 1.2;
}

.mapouter {
  overflow: hidden;
  height: 650px;
  width: 1349px;
  position: relative;
}

.gmap_canvas {
  background: none!important;
  height: 650px;
  width: 1349px;
}

.card {
  padding: 25px 20px;
  width: 325px;
  position: absolute;
  background-color: #fff;
  right: 0;
  top: 0;
  margin: 110px 30px;
}

footer {
  /*background-color: #424242;*/
  background-image: linear-gradient(to bottom, #080808, #3d3d3d);
  bottom: 0;
  left: 0;
  padding: 50px 0;
}

.bord {
  border-bottom: 1px dotted #ccc;
}

.apple {
  width: 130px;
}

.maplayer {
  height: 650px;
}

.terms-img {
  background-image: url("../images/bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hei2 {
  height: 80vh;
}

.cntr {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  height: 45px;
  width: 700px;
}